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: line-height</title> | 4 <title>CSS 2.1 Test Suite: line-height</title> |
| 5 <script src="../resources/ahem.js"></script> |
5 <style type="text/css"> | 6 <style type="text/css"> |
6 div { font: 12px Ahem; background: red url(support/pattern-gg-gr.png); color:
lime; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid black; margin: 0.5e
m; } | 7 div { font: 12px Ahem; background: red url(support/pattern-gg-gr.png); color:
lime; width: 4em; padding: 0.5em 0 0.5em 1em; border: solid black; margin: 0.5e
m; } |
7 p { margin: 0; } | 8 p { margin: 0; } |
8 .eight {line-height: 200%;} | 9 .eight {line-height: 200%;} |
9 .nine {line-height: 2;} | 10 .nine {line-height: 2;} |
10 .ten {line-height: 24px;} | 11 .ten {line-height: 24px;} |
11 .eleven {line-height: -1em; line-height: 2em; line-height: -1em;} | 12 .eleven {line-height: -1em; line-height: 2em; line-height: -1em;} |
12 .seven {line-height: 2.5ex;} | 13 .seven {line-height: 2.5ex;} |
13 </style> | 14 </style> |
14 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#q26" title="10.
8.1 Leading and half-leading"> | 15 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#q26" title="10.
8.1 Leading and half-leading"> |
15 </head> | 16 </head> |
16 <body> | 17 <body> |
17 <p>There should be a big pattern of green and lime dots below, with no red pre
sent.</p> | 18 <p>There should be a big pattern of green and lime dots below, with no red pre
sent.</p> |
18 <div> | 19 <div> |
19 <p class="eight"> X X X X </p> | 20 <p class="eight"> X X X X </p> |
20 <p class="nine"> X X X X </p> | 21 <p class="nine"> X X X X </p> |
21 <p class="ten"> X X X X </p> | 22 <p class="ten"> X X X X </p> |
22 <p class="eleven"> X X X X </p> | 23 <p class="eleven"> X X X X </p> |
23 <p class="seven"> X X X X </p> <!-- ex comes last because it is the least lik
ely to be supported --> | 24 <p class="seven"> X X X X </p> <!-- ex comes last because it is the least lik
ely to be supported --> |
24 </div> | 25 </div> |
25 </body> | 26 </body> |
26 </html> | 27 </html> |
OLD | NEW |