<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>The text-underline-position Property</h1>
<div class="a">Text with underline and position auto: C<sub>6</sub>H<sub>12</sub>O<sub>16</sub> (glucose).</div>
<br>
<div class="b">Text with underline and position under: C<sub>6</sub>H<sub>12</sub>O<sub>16</sub> (glucose).</div>
<br>
</body>
</html>