Vertical Align

Vertical Align Utilities

Vertical align utilities.

Class Name Responsive Classes Description
u-alignBase none Vertically align to baseline.
u-alignMiddle none Vertically align middle.
u-alignTop none Vertically align top.
u-alignBottom none Vertically align bottom.

Legit Vertical Align Utilities

Vertical align middle that actually works on everything via translateY.

http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

Class Name Responsive Classes Description
u-alignMiddleRel u-[sm|md|lg]-alignMiddleRel Vertically align middle using relative positioning.
u-alignMiddleAbs u-[sm|md|lg]-alignMiddleAbs Vertically align middle using absolute positioning.