Vertical alignment
Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.
Example
Change the alignment of elements with the align-* classes.
| Align | Example |
|---|---|
.align-baseline | text |
.align-top | text |
.align-middle | text |
.align-bottom | text |
.align-text-top | text |
.align-text-bottom | text |
Inline vertical
baseline
top
middle
bottom
<span class="align-middle">middle</span>With flexbox, prefer .align-items-* / .align-self-* — see the Flex utilities.