Alineación Vertical

Permite cualquier tipo de alineación vertical, pero no está pensado para ser el equivalente a la propiedad "valign" de HTML en celdas. Puede tomar los siguientes valores:

  • baseline. Es el comportamiento típico de los navegadores, el cual permite alinear el texto del párrafo a la línea base de cada línea de texto.

    Figura 9. Alineación vertical 1

    Alineación vertical 1 CSS

  • sub/super. Permite la definición de subíndice y superíndices.

    Figura 10. Alineación vertical 2

    Alineación vertical 2 CSS

    Figura 11. Alineación vertical 3

    Alineación vertical 3 CSS

  • bottom. Alinea los elementos a la parte inferior del espacio definido entre las líneas, pegándolo al máximo a la zona inferior.

  • text-bottom. La alineación se hace sobre la línea del texto, la cual es un poco más baja que la línea base.

    Figura 12. Alineación vertical 4

    Alineación vertical 4 CSS

  • top. Mismo comportamiento que bottom, pero alineando a la parte superior.

  • text-top. Mismo comportamiento que bottom, pero alineando a la parte superior.

    Figura 13. Alineación vertical 5

    Alineación vertical 5 CSS

  • middle. Centrado en el espacio definido entre las líneas.

    Figura 14. Alineación vertical 6

    Alineación vertical 6 CSS

  • porcentajes. Podemos incluso definir la posición exacta de alineación mediante valores porcentuales.

    Figura 15. Alineación vertical 7

    Alineación vertical 7 CSS

Capítulo anterior:
Anchura de Líneas

Capítulo siguiente:
Espacio entre Palabras y entre Letras

Leave A Comment?