CSS1 テストスイート: 5.5.25 float

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

P { margin: 0; padding: 0; text-align:  justify;}

DIV.yellow, DIV.blue, DIV.red, DIV.green {
 width: 60px; padding: 20px; margin: 10px;
 border: 20px solid black; float: left; text-align: center;
 font-family: "Times New Roman",Times,serif;}
DIV.yellow {margin-left: 0px; background: yellow; color: black;}
DIV.blue {background: blue; color: white;}
DIV.red {background: red; color: black;}
DIV.green {background: green; color: white;}
DIV.below {clear: both;}
TABLE {margin: 20px 0px;}

下記の4個の浮遊 DIV 要素は、互いに水平的に隣り合って現れるはずです。 このページの下にある表は、どのようにDIV 要素が水平的にレイアウトされるかを示しています。 それらはお互いに揃っているはずです。

;

TABLEテストコーナー
	下記の4個の浮遊 DIV 要素は、互いに水平的に隣り合って現れるはずです。 このページの下にある表は、どのようにDIV 要素が水平的にレイアウトされるかを示しています。 それらはお互いに揃っているはずです。 黄 青 赤 緑 ;