OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.dumpAsText(true); | 6 testRunner.dumpAsTextWithPixelResults(); |
7 </script> | 7 </script> |
8 <link rel="stylesheet" type="text/css" href="style.css"> | 8 <link rel="stylesheet" type="text/css" href="style.css"> |
9 </head> | 9 </head> |
10 <body> | 10 <body> |
11 <p>Test 'text-underline-position: alphabetic' with vertical-align. The | 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 | 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 | 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 | 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. | 15 horizontal lines, one for each text, and none of them should be aligned. |
16 Bugzilla link: http://webkit.org/b/102795.</p> | 16 Bugzilla link: http://webkit.org/b/102795.</p> |
17 | 17 |
18 <div class="alphabetic"> | 18 <div class="alphabetic"> |
19 <p> 1 lorem ipsum | 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> | 20 <span style="vertical-align: 3em;"> 2 lorem ipsum </
span><span style="vertical-align: -2em;"> 3 lorem ipsum </span><
br> |
21 4 lorem ipsum | 21 4 lorem ipsum |
22 <span style="vertical-align: middle"> 5 lorem ipsum
<span style="vertical-align: middle"> 6 lorem ipsum </span></spa
n> | 22 <span style="vertical-align: middle"> 5 lorem ipsum
<span style="vertical-align: middle"> 6 lorem ipsum </span></spa
n> |
23 </p> | 23 </p> |
24 </div> | 24 </div> |
25 </body> | 25 </body> |
26 </html> | 26 </html> |
OLD | NEW |