Hola amigos, estoy haciendo un pequeño diseño y tengo un problema que nunca pude resolver y tampoco se si tiene solucion....
Lo que necesito hacer es poner una div al lado de la otra
Aca va una imagen de lo que quiero lograr
| ||||
Respuesta: Como poner una DIV al lado de la otra? lo que tienes que hacer es colocar un div principal y dentro dos div secundarios aplicando un ancho que sumados no superen el ancho del div principal mas aparte especificar hacia donde tienen que flotar :p creo que me entenderás mejor con un ejemplo básico Código HTML: <div style="width:500px; padding:3px;"> <div style="width:245px; background:#FFCC00; float:left;"></div> <div style="width:245px; background:#CCFF66; float:right;"></div> </div> |
| ||||
Respuesta: Como poner una DIV al lado de la otra? Hola basta con poner float left a los distintos elementos si quieres centrarlo creas un div wrapper que envuelve todo el html y en la css le das al id #wrapper {width:750px;margin:0 auto; } /* Recordando sumar los bordes si los hay y margenes para no sobrepasar el ancho contenedor definido */ CSS .caja { float:left;margin-left:5px; } HTML <div class="caja"> </div> <div class="caja"> </div> <div class="caja"> </div> <div class="caja"> </div> <div class="caja"> </div> |