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: Height of root element</title>
5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/background/14.html" type="text/html">
7 <link rel="help" href="http://www.w3.org/TR/CSS2/visudet.html#Computing_heights_and_margins">
8 <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#containing-block-details">
9 <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#background">
10 <meta name="flags" content="interact">
11 <style type="text/css">
12 body { border: solid lime; background: green; color: white; }
13 html { border: solid blue; background: navy; color: yellow; }
14 :link, :visited { color: inherit; background: transparent; }
15 * { margin: 1em; padding: 1em; }
16 </style>
17
18 </head>
19 <body>
20 <p>This paragraph should be a box that is green with a green
21 border, which should be in a navy box with a bright blue border.
22 The rest of the page should also be navy. <strong>The outer sea
23 of blue should extend to the edges of the viewport, but the
24 boxes should just wrap around this text and not grow to match
25 the viewport.</strong></p>
26 </body>
27 </html>