Cómo colocar etiquetas DIV una al lado del otra (En 3 Pasos)
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.