Capítulo 18:

 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

sub/super: permite la definición de subíndice y superíndices.

Figura 10. Alineación vertical 2

Figura 11. Alineación vertical 3

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: lLa 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

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

middle: centrado en el espacio definido entre las líneas.

Figura 14. Alineación vertical 6

porcentajes: podemos incluso definir la posición exacta de alineación mediante valores porcentuales.

Figura 15. Alineación vertical 7

Cursos similares a CSS práctico

1. Curso de CSS. Selectores Selectores CSS . Con este curso de informática podrás seleccionar elementos de... [08/04/11]				78
2. CSS. Edición de fondos Si deseas aprender a crear una página web , este tutorial es fundamental, en él... [08/04/11]				181
3. Curso de CSS. Modelo de caja Modelo de caja CSS. En esta ocasión te presentamos un curso de programación CSS... [08/04/11]				210