CSS1 Test Suite: 5.5.25 float


[Previous] [Next] [Section] [Contents] [Specification]
Last Updated: 2 October 1998

The style declarations which apply to the text below are:

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

DIV.yellow, DIV.blue, DIV.red, DIV.green {
 width: 110px; padding: 20px; margin: 10px;
 border: 20px solid black; float: left; text-align: center;
 font: 14px "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;}


The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page indicates how the DIV elements should be laid out horizontally.

Yellow

Blue

Red

Green

                             

The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page indicates how the DIV elements should be laid out horizontally.

Yellow

Blue

Red

Green

                             

[Previous] [Next] [Section] [Contents] [Specification]