freeCodeCamp/guide/spanish/css/vertical-align/index.md

1.7 KiB

title localeTitle
Vertical Align CSS Alinear verticalmente CSS

Alineación vertical

vertical-align es una propiedad CSS utilizada para alinear verticalmente una imagen.

Por ejemplo, puede vertical-align esta manera para alinear una imagen:

img { 
    vertical-align: top; 
 } 

Estos son los valores válidos para vertical-align :

  • baseline : este es el valor predeterminado. Alinea el elemento a la línea de base del elemento padre.
  • length : esto alinea la línea de base de este elemento en una longitud dada por encima o por debajo de la línea de base del elemento primario. Puedes usar pixales, em,%, etc.
  • sub : esto alinea el elemento como si fuera el subíndice del elemento padre
  • super : alinea el elemento como si fuera el superíndice del elemento principal
  • top : esto alinea el elemento de modo que la parte superior de este elemento esté alineada con la parte superior del elemento más alto en la línea
  • bottom : esto alinea el elemento de modo que la parte inferior de este elemento esté alineada con la parte inferior del elemento más bajo en la línea
  • middle : esto alinea el elemento para que esté en el centro del elemento principal
  • text=top : esto alinea la parte superior de este elemento para que se alinee con la parte superior de la parte superior del elemento principal
  • text-bottom : esto alinea la parte inferior de este elemento para que se alinee con la parte inferior del texto del elemento principal

Más información: