Alinear divs horizontalmente

¡Buenas!, vamos a ver cómo podemos alinear divs horizontalmente, algo bastante recurrido a la hora de crear una web 😀

Bien, lo primero que tendremos será:

<div id="contenedor">
<div id="1">
    div 1
</div>

<div id="2">
    div 2
</div>
</div>

Bien, ahora definimos los estilos para cada div 🙂

#contenedor{
   overflow:hidden;
}

#1{
   float: left;
}

#2{
   float:left;
}

Con esto estamos haciendo que los dos divs floten a la izquierda :), podemos hacer lo mismo para la derecha 😉

Si tienes dudas, comenta o postea en el foro 😉

HackSaludos!

Anuncios

Acerca de Darkvidhck

Estudiante de ingeniería informática, haciendo mis pinitos como desarrollador web, programador, gamer y Linuxero. Aficionado a la seguridad. Eterno viciado al conocimiento.
Esta entrada fue publicada en Diseño y desarrollo WEB y etiquetada , , , . Guarda el enlace permanente.

5 respuestas a Alinear divs horizontalmente

  1. Raúl dijo:

    Aquí viene un defensor de usar display para hacer esto xD. Para mí, usar float en el css es como usar tablas para distribuir el contenido de la página. Si no hay más remedio lo uso, pero en casos puntuales. Normalmente lo que suelo hacer es utilizar la propiedad display. Quizá para algunos casos es bastante más complejo que usar float, pero a la larga te alegras.

    Puedes alinear usando inline, inline-block y table-cell. Cada uno con sus pros y contras. Pruebalos a ver si te solucionan el tema.

    Un saludo.

  2. alejandro dijo:

    amigo tengo un contenedor con muchisimos div y los quiero alinear de a 5 horizontalmente como haría?

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s