1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: line-height
</title>
5 <script src=
"../resources/ahem.js"></script>
6 <style type=
"text/css">
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.5em; }
9 .one {line-height: 0.25in;}
10 .two {line-height: 0.635cm;}
11 .three {line-height: 6.35mm;}
12 .four {line-height: 18pt;}
13 .five {line-height: 1.5pc;}
14 .six {line-height: 2em;}
16 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visudet.html#q26" title=
"10.8.1 Leading and half-leading">
19 <p>There should be a big pattern of green and lime dots below, with no red present.
</p>
21 <p class=
"one"> X X X X
</p>
22 <p class=
"two"> X X X X
</p>
23 <p class=
"three"> X X X X
</p>
24 <p class=
"four"> X X X X
</p>
25 <p class=
"five"> X X X X
</p>
26 <p class=
"six"> X X X X
</p>