| <!DOCTYPE HTML> |
| <html> |
| <head> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(true); |
| </script> |
| <link rel="stylesheet" type="text/css" href="style.css"> |
| </head> |
| <body> |
| <p>Test 'text-underline-position: alphabetic' 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="alphabetic"> |
| <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> |
