1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
4 <title>CSS 2.1 Test Suite: float</title>
5 <style type="text/css">
7 div.yellow, div.blue, div.red, div.green {
8 width: 60px; padding: 20px; margin: 10px;
9 border: 20px solid black; float: left; text-align: center;
11 div.yellow {margin-left: 0px; background: yellow; color: black;}
12 div.blue {background: blue; color: white;}
13 div.red {background: red; color: black;}
14 div.green {background: green; color: white;}
15 div.below {clear: both;}
16 table {margin: 10px 0px;}
18 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats">
19 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property">
23 Below you should see four blocks side by side followed by a
24 matching cross section of the four blocks.
47 <table cellspacing="0" cellpadding="0">
49 <td width="20" style="background: black">
52 <td width="100" style="background: yellow">
55 <td width="20" style="background: black">
58 <td width="20" style="background: white">
61 <td width="20" style="background: black">
64 <td width="100" style="background: blue">
67 <td width="20" style="background: black">
70 <td width="20" style="background: white">
73 <td width="20" style="background: black">
76 <td width="100" style="background: red">
79 <td width="20" style="background: black">
82 <td width="20" style="background: white">
85 <td width="20" style="background: black">
88 <td width="100" style="background: green">
91 <td width="20" style="background: black">