CSS1 Test Suite: 5.5.25 float


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

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: 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;}


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. They should align with each other.

Yellow

Blue

Red

Green

;
TABLE Testing Section
 

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. They should align with each other.

Yellow

Blue

Red

Green

;

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