Cómo colocar etiquetas DIV una al lado del otra

Escrito por matthew weeks | Traducido por luis alberto fuentes schwab
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo colocar etiquetas DIV una al lado del otra
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.

Nivel de dificultad:
Moderadamente fácil

Otras personas están leyendo

Instrucciones

  1. 1

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

  2. 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"

  3. 3

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

Consejos y advertencias

  • También puedes utilizar el valor "right" (derecho) en lugar de "left" (izquierdo) para el valor del estilo "float" (boyar) si deseas alinear los contenedores a la derecha de tu contenedor principal.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles