Vertical alignment

Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.

Choose from vertical-align= baseline, top, middle, bottom, text-bottom, and text-top as needed.

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

With inline elements:

With table cells: