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