Vertical Alignment (Alineación vertical)

Sintaxis:	vertical-align: <valor>
Valores posibles:	baseline \| sub \| super \| top \| text-top \| middle \| bottom \| text-bottom \| <porcentaje>
Valor inicial:	baseline
Se aplica a:	Elementos en línea
Heredado:	No

La propiedad vertical-align puede usarse para alterar la ubicación vertical de un elemento en línea, en relación a su elemento padre o a la línea del elemento. (Un elemento en línea es uno que no tiene salto de línea ni antes ni después de él; por ejemplo, EM, A y IMG en HTML.)

El valor puede ser un porcentaje relativo a la altura de línea (line-height) del elemento, que debería elevar la línea de base del elemento en la cantidad especificada por encima de la línea base del padre. No se permiten los valores negativos.

El valor también puede ser una palabra clave. Las siguientes palabras clave afectan la ubicación en relación al elemento padre:

baseline (alinea líneas bases del elemento y el padre )
middle (alinea el punto medio vertical del elemento con la línea base más la mitad de x-height--la altura de la letra "x"--del padre)
sub (subíndice)
super (superíndice)
text-top (alinea las partes superiores del elemento y la fuente del elemento padre)
text-bottom (alinea las partes inferiores del elemento y la fuente del elemento padre)

Las palabras clave que afectan la ubicación relativa a la línea del elemento son

top (alinea la parte superior del elemento con el elemento más alto en la línea)
bottom (alinea la parte inferior del elemento con el elemento más bajo en la línea)

La propiedad vertical-align es particularmente útil para alinear imágenes. Algunos ejemplos:

IMG.middle { vertical-align: middle }
IMG        { vertical-align: 50% }
.exponente  { vertical-align: super }

Mantenido por John Pozadzides y Liam Quinn