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: Stacking Non-Replaced Left Floats</title>
5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#floating-elements">
6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html">
7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch">
8 <style type="text/css">
9 div, p { color: navy; }
10 div { border: solid blue; padding: 1em; width: 14em; margin: 10px; }
11 div p { margin: 0; width: 5em; float: left; }
12 </style>
13 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats">
14 </head>
15 <body>
16 <p>There should be five numbers, in numerical order, below: on the first line 1, 2 and 3, on the second, 4 and 5.</p>
17 <div>
18 <p> 1 </p>
19 <p> 2 </p>
20 <p> 4 </p>
21 3
22 5
23 </div>
24 </body>
25 </html>