---
title: Vertical Align CSS  
localeTitle: 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:

*   [CSS vertical-align](https://www.w3schools.com/cssref/pr_pos_vertical-align.asp)
    
*   [CSS-Tricks vertical-align](https://css-tricks.com/almanac/properties/t/text-align/)