Sunday, 10 November 2013

Float columns with clear

Then after the floating elements we can "clear" the floats to push down the rest of the content.

.div-1a {
 float:left;
 width:190px;
 height:200px;
 background:#F03; }
.div-1b {
 float:left;
 width:190px;
 height:200px;
 background:#0CF;
.div-1c {
 clear:both;
 color:#333;
 background:#FF9; }


div-1a
div-1b
div-1c

No comments:

Post a Comment