| <!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> |
