Vertical align

Easily change the vertical alignment of inline, inline-block, inline-table, and table cell elements.

Change the alignment of elements with the vertical-alignment utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.

Classes for the value of nsw-align are named using the format .nsw-align-{value}. Choose from the following values:

baseline
top
middle
bottom
text-bottom
text-top

To vertically center non-inline content (like <div>s and more), use our flex box utilities.

With inline elements:

baseline top middle bottom text-top text-bottom

With table cells:

baseline

top

middle

bottom

text-top

text-bottom