Cómo colocar etiquetas DIV una al lado del otra

Por matthew weeks
Puedes colocar los contenedores DIV de lado a lado en tu página web adjuntándole un estilo "float" (boyar).
Comstock/Comstock/Getty Images

Los elementos de estilo HTML ofrecen la posibilidad de crear diseños Web ricos y llamativos que no están limitados a la configuración de una tabla tradicional. Por ejemplo, si tienes dos contenedores con diferentes alturas verticales y deseas colocarlos uno al lado del otro, no tienes que lidiar con las limitaciones y los problemas de compatibilidad del navegador inherente a una celda que abarca varias filas. Usar un elemento de estilo "float" (boyar), puede colocar dos contenedores DIV uno al lado del otro.

Paso 1

Abre la página Web con los contenedores DIV que deseas colocar uno al lado del otro en tu editor de texto preferido.

Paso 2

Agrega el siguiente código a la etiqueta del primer contenedor DIV en la secuencia en la que desees colocar uno al lado del otro: style = "float: left"

Paso 3

Repite el paso 2 con las etiquetas de los contenedores DIV restantes en la secuencia.