| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE HTML> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script> | |
| 5 if (window.testRunner) | |
| 6 testRunner.dumpAsTextWithPixelResults(); | |
| 7 </script> | |
| 8 <link rel="stylesheet" type="text/css" href="style.css"> | |
| 9 </head> | |
| 10 <body> | |
| 11 <p>Test 'text-underline-position: alphabetic' with vertical-align. The | |
| 12 horizontal lines should cross the 'p' letter in word 'ipsum'. None of the | |
| 13 numbered texts are vertically aligned and the horizontal lines should | |
| 14 follow the respective baseline of each text, that is, there should be six | |
| 15 horizontal lines, one for each text, and none of them should be aligned. | |
| 16 Bugzilla link: http://webkit.org/b/102795.</p> | |
| 17 | |
| 18 <div class="alphabetic"> | |
| 19 <p> 1 lorem ipsum | |
| 20 <span style="vertical-align: 3em;"> 2 lorem ipsum </
span><span style="vertical-align: -2em;"> 3 lorem ipsum </span><
br> | |
| 21 4 lorem ipsum | |
| 22 <span style="vertical-align: middle"> 5 lorem ipsum
<span style="vertical-align: middle"> 6 lorem ipsum </span></spa
n> | |
| 23 </p> | |
| 24 </div> | |
| 25 </body> | |
| 26 </html> | |
| OLD | NEW |