Cómo alinear el título con la imagen en HTML

Escrito por jim campbell | Traducido por lucia ayala
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo alinear el título con la imagen en HTML
Alinea los títulos de las imágenes fácilmente. (Jupiterimages/Brand X Pictures/Getty Images)

Las etiquetas DIV de HTML permiten alinear las imágenes y los títulos en las páginas Web. Las etiquetas DIV utilizan las propiedades de alineación CSS para alinear el contenido de DIV a la izquierda, centro o derecho de la página. Cuando no incorporan DIVs, algunos títulos no se alinean correctamente en una imagen. El uso de una etiqueta DIV HTML y CSS, puedes alinear las imágenes perfectamente en cada página.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Haz clic en el archivo HTML que contiene la imagen y los subtítulos y haz clic en "Abrir con". Haz clic en el editor de código HTML que deseas utilizar para la alineación.

  2. 2

    Añade etiquetas DIV alrededor de la imagen y la leyenda. Las etiquetas DIV son contenedores para que puedas envolver cada uno de tus elementos HTML usando uno. El código siguiente es un ejemplo de dos etiquetas DIV que contienen una imagen y una leyenda:

    <div><img src="myimage.png"></div> <div>Caption sentence</div>

  3. 3

    Establece las etiquetas DIV en la misma alineación. Por ejemplo, si deseas alinear la imagen a la izquierda y el título a la izquierda, agrega el código siguiente a la definición de las etiquetas DIV:

    style="margin-left: left; width: 100%; position: absolute"

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