Reviewed by Maciej.
[WebKit-https.git] / LayoutTests / css2.1 / t0905-c5525-fltmult-00-d-g.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <html>
3  <head>
4   <title>CSS 2.1 Test Suite: float</title>
5   <style type="text/css">
6    .a { color: navy; }
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;
10    }
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;}
17   </style>
18   <link title="9.5 Floats" href="http://www.w3.org/TR/CSS21/visuren.html#floats" rel="help">
19   <link title="9.5.1 Positioning the float: the 'float' property" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" rel="help">
20  </head>
21  <body>
22   <p class="a">
23    Below you should see four blocks side by side followed by a
24    matching cross section of the four blocks.
25   </p>
26   <div class="yellow">
27    <p>
28     Yellow
29    </p>
30   </div>
31   <div class="blue">
32    <p>
33     Blue
34    </p>
35   </div>
36   <div class="red">
37    <p>
38     Red
39    </p>
40   </div>
41   <div class="green">
42    <p>
43     Green
44    </p>
45   </div>
46   <div class="below">
47    <table cellpadding="0" cellspacing="0">
48     <tr>
49      <td style="background: black" width="20">
50        
51      </td>
52      <td style="background: yellow" width="100">
53        
54      </td>
55      <td style="background: black" width="20">
56        
57      </td>
58      <td style="background: white" width="20">
59        
60      </td>
61      <td style="background: black" width="20">
62        
63      </td>
64      <td style="background: blue" width="100">
65        
66      </td>
67      <td style="background: black" width="20">
68        
69      </td>
70      <td style="background: white" width="20">
71        
72      </td>
73      <td style="background: black" width="20">
74        
75      </td>
76      <td style="background: red" width="100">
77        
78      </td>
79      <td style="background: black" width="20">
80        
81      </td>
82      <td style="background: white" width="20">
83        
84      </td>
85      <td style="background: black" width="20">
86        
87      </td>
88      <td style="background: green" width="100">
89        
90      </td>
91      <td style="background: black" width="20">
92        
93      </td>
94     </tr>
95    </table>
96   </div>
97  </body>
98 </html>