| 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 |