Mi duda es esta, quiero acomodar 3 cuadritos dentro de un div contenedor, y que queden los 3 alineados, pero cuando hago me los acomoda en escalerita, luego puse el "float: left" en el cuadro_izquierda y me alinea el del centro, pero el cuadro_derecha al ponerle el "float: right;" me lo deja fuera del contenedor, que puedo hacer para alinear los 3?. Éste es mi css:
Código:
#contenedor
{
width: 1024px;
height:auto;
background-color:transparent;
border: 1px solid black;
margin: 0px auto;
text-align:center;
}
#cuadro_izquierda
{
width: 210px;
height:170px;
background-color:transparent;
border: 1px solid black;
margin: 130px 50px;
text-align:center;
float: left;
}
#cuadro_centro
{
width: 210px;
height:170px;
background-color:transparent;
border: 1px solid red;
margin: 130px 310px;
text-align:center;
}
#cuadro_derecha
{
width: 210px;
height:170px;
background-color:transparent;
border: 1px solid blue;
margin: 130px 570px;
text-align:center;
float: right;
}