​x
 
<!DOCTYPE html>
<html>
<head>
<style>
div.a {
  text-decoration: underline;
  text-underline-position: auto;
}
​
div.b {
  text-decoration: underline;
  text-underline-position: under;
}
</style>
</head>
<body>
​
<h1>text-underline-position 属性</h1>
​
<div class="a">带下划线且位置为自动的文本：C<sub>6</sub>H<sub>12</sub>O<sub>16</sub>（葡萄糖）。</div>
<br>
​
<div class="b">带下划线且位置在下方的文本：C<sub>6</sub>H<sub>12</sub>O<sub>16</sub>（葡萄糖）。</div>
<br>
​
</body>
</html>
​