Alineación vertical (vertical-align)

Uno de los principales problemas del diseño de documentos y páginas mediante CSS consiste en la alineación vertical en una misma línea de varios elementos diferentes como imágenes y texto. Para controlar esta alineación, CSS define la propiedad vertical-align.

Esta propiedad se aplica a elementos inline y celdas de tablas.

A continuación se definen los posibles valores para esta propiedad. La imagen posterior muestra su comportamiento.

baseline (valor por defecto)| sub | super | top | text-top | middle (valor más utilizado)| bottom | text-bottom | (porcentaje) | (medida)

REFERENCIA

CSS

SELECTORES

COLORES

BOX MODEL

FONDOS

POSICIONAMIENTO

VISUALIZACIÓN

TIPOGRAFÍA

TEXTO

ENLACES

IMÁGENES

LISTAS

TABLAS

FORMULARIOS

LAYOUT

Ejercicios

ANEXO