1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3 <head>
4 <title>CSS Test: Line-height with keyword value of 'normal'</title>
5 <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
6 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#propdef-line-height">
7 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#leading">
8 <meta name="flags" content="ahem should">
9 <meta name="assert" content="The 'line-height' property set to 'normal' uses the default line-height.">
10 <style type="text/css">
11 div
12 {
13 font: 100px Ahem;
14 }
15 div div
16 {
17 background: black;
18 float: left;
19 width: 1em;
20 }
21 #test
22 {
23 background: blue;
24 color: blue;
25 line-height: normal;
26 }
27 #one
28 {
29 height: 1em;
30 }
31 #onepointtwo
32 {
33 height: 1.2em;
34 }
35 </style>
36 </head>
37 <body>
38 <p>Test passes if the height of the blue box is similar to the height of the black boxes. It is acceptable to have the blue box height be shorter or taller than the height of either of the black boxes. The black boxes represent the recommended settings for 'line-height'.</p>
39 <div>
40 <div id="onepointtwo"></div>
41 <div id="test">X</div>
42 <div id="one"></div>
43 </div>
44 </body>
45 </html>