<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>Test 'text-underline-position: auto' with vertical-align. The horizontal
lines should cross the 'p' letter in word 'ipsum'. None of the numbered
texts are vertically aligned and the horizontal lines should follow the
respective baseline of each text, that is, there should be six horizontal
lines, one for each text, and none of them should be aligned. Bugzilla
link: http://webkit.org/b/102795.</p>
<div class="auto">
<p> 1 lorem ipsum
<span style="vertical-align: 3em;"> 2 lorem ipsum </span><span style="vertical-align: -2em;"> 3 lorem ipsum </span><br>
4 lorem ipsum
<span style="vertical-align: middle"> 5 lorem ipsum <span style="vertical-align: middle"> 6 lorem ipsum </span></span>
</p>
</div>
</body>
</html>