Cómo alinear texto verticalmente con CSS y HTML

Escrito por william jackson | Traducido por juliana star
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo alinear texto verticalmente con CSS y HTML
Tanto HTML como CSS ofrecen soluciones para la alineación vertical de texto. (computer image by blaine stiger from Fotolia.com)

Los problemas con la alineación de texto pueden causar grandes dolores de cabeza al crear contenido web, ya sea usando HTML, CSS o ambos. Es posible usar varios métodos en cualquiera de estos lenguajes web para hacer frente al problema. Afortunadamente alinear verticalmente el texto no es difícil ni complicado.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

    Con HTML

  1. 1

    Crea una tabla usando las etiquetas <table>.

  2. 2

    Crea filas dentro de las etiquetas <table> usando las etiquetas <tr>.

  3. 3

    Crea celdas dentro de las etiquetas <tr> usando las etiquetas <td>.

  4. 4

    Inserta tu texto en las diferentes celdas de tu tabla. El texto de cada celda se alineará verticalmente de forma automática con el texto en las celdas correspondientes de otras filas en la tabla. Si solamente intentas alinear el texto con la misma línea vertical puedes detenerte aquí. Si deseas alinear el texto en una línea superior continúa con el Paso 5.

  5. 5

    Encierra el texto en las etiquetas <align="top"></align>. Esto debe hacerse dentro de cada celda individual. De forma alternativa, la propiedad "align" (alineación) puede ser añadida a la etiqueta <td>.

    Con CSS

  1. 1

    Desplázate al código CSS dentro del código fuente de tu documento CSS (en el encabezado de tu archivo HTML).

  2. 2

    Añade la propiedad "vertical-align" (alineación vertical) a las áreas que afecten a tu texto.

  3. 3

    Asigna el valor "top" (superior) a la propiedad.

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