| <!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: under' with vertical-align. The |
| horizontal lines should not cross the 'p' letter in word 'ipsum'. None of |
| the numbered texts are vertically aligned, yet the three horizontal lines |
| for each of the two rows should align perfectly, that is, it should appear |
| as if there are two long horizontal lines. Bugzilla link: |
| http://webkit.org/b/102795.</p> |
| |
| <div class="under"> |
| <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> |