---
title: Vertical Align CSS  
localeTitle: Vertical alinhar CSS
---
## Vertical-Alinhar

`vertical-align` é uma propriedade CSS usada para alinhar verticalmente uma imagem.

Por exemplo, você pode ser `vertical-align` para alinhar uma imagem:
```
img { 
    vertical-align: top; 
 } 
```

Estes são os valores válidos para `vertical-align` :

*   `baseline` - este é o valor padrão. Alinha o elemento à linha de base do elemento pai
*   `length` - Alinha a linha de base desse elemento em um determinado comprimento acima ou abaixo da linha de base do pai. Você pode usar pixals, em,%, etc.
*   `sub` - Isto alinha o elemento como se fosse o subscrito do elemento pai
*   `super` - Isso alinha o elemento como se fosse o sobrescrito do elemento pai
*   `top` - alinha o elemento de forma que a parte superior desse elemento esteja alinhada com a parte superior do elemento mais alto na linha
*   `bottom` - alinha o elemento de forma que a parte inferior desse elemento esteja alinhada com a parte inferior do elemento mais baixo da linha
*   `middle` - alinha o elemento de forma que fique no meio do elemento pai
*   `text=top` - Alinha a parte superior desse elemento para que fique alinhado com o topo do topo do elemento pai
*   `text-bottom` - Alinha a parte inferior desse elemento para que fique alinhado com a parte inferior do texto do elemento pai

#### Mais Informações:

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