OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>CSS 2.1 Test Suite: vertical-align</title> | 4 <title>CSS 2.1 Test Suite: vertical-align</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 div {font: 50px/1 Ahem; color: white; margin: 1em; padding: 0.25em; backgroun
d: teal url(support/square-teal.png) top left;} | 7 div {font: 50px/1 Ahem; color: white; margin: 1em; padding: 0.25em; backgroun
d: teal url(support/square-teal.png) top left;} |
7 img {height: 50px;} | 8 img {height: 50px;} |
8 .one {vertical-align: sub;} | 9 .one {vertical-align: sub;} |
9 .two {vertical-align: super;} | 10 .two {vertical-align: super;} |
10 </style> | 11 </style> |
11 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#q26" title="10.
8.1 Leading and half-leading"> | 12 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#q26" title="10.
8.1 Leading and half-leading"> |
12 </head> | 13 </head> |
13 <body> | 14 <body> |
14 <p>There should be four identical white boxes in the teal block below, all the
same size, each one a little lower down on the line, in a step pattern.</p> | 15 <p>There should be four identical white boxes in the teal block below, all the
same size, each one a little lower down on the line, in a step pattern.</p> |
15 <div> <span class="two">X</span> <img alt="FAIL: Image support required." src=
"support/swatch-white.png"> X <span class="one">X</span></div> | 16 <div> <span class="two">X</span> <img alt="FAIL: Image support required." src=
"support/swatch-white.png"> X <span class="one">X</span></div> |
16 </body> | 17 </body> |
17 </html> | 18 </html> |
OLD | NEW |