background-color: #f6f6b8; position: relative; height: 30px
background-color: #c9ebe3; position: relative; height: 50px; padding:10px
background-color: #f6c3f6; position: relative; height: 50px; padding:10px; margin-top:10px
background-color: width:80%, #c4ebc4; position: relative; height: 50px; padding:10px; margin-top:10px
background-color: #f6f6b8;
position: relative;
padding: 10px;
margin-top: 10px;
width: 25%;
float: left;
background-color: #c9ebe3;
position: relative;
padding: 10px;
line-height:16;
margin-top: 10px;
width: 40%;
float: left;
margin-left: 10px;
margin-bottom: 10px;
background-color: #f6c3f6;
position: relative;
padding: 10px;
margin-top: 10px;
width: 20%;
margin-left: 10px;
float: left;
background-color: #cccccc; position: relative; padding: 10px; border-color: #666; border-width: 3px; border-style: double; clear: left
No box acima, clear: left é usado para anular o efeito lado a lado dos boxes anteriores, com a finalidade de garantirmos que este box posicione-se logo abaixo do mais alto dos três boxes acima dele.