Cajas en css

A veces surgen problemas al maquetar estructuras de cajas en css. Hay muchas soluciones al respecto. Os voy a poner una de la más sencillas que suelo colocar en las webs en las que trabajo.

Primero en el código HTML pondremos tantos div como cajas queramos. Los identificaremos con el <div class="cajas"></div>. Después en la correspondiente hoja de estilos les asignaremos sus respectivas propiedades:

.cajas{
float:left;
display:inline;
background-color:#f51c1c;
width:140px;
height:140px;
margin-right:10px;
}

Primero le decimos que la caja flote hacia la izquierda y después le decimos que no genere un retorno de carro con el display inline. De esa forma, las cajas que vienen después se colocaran en la misma lína. Siempre que por su anchura quepan en el contenedor padre.