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 |