How to vertical align an element with CSS

Note that these work primarily inside of tables.

Vertical alginment options
vertical Alignment Description
baseline Aligns the element with the bottom of lowercase letters in surrounding text (the default)
bottom Aligns the bottom of the element with the bottom of the lowest element in surrounding content
middle Aligns the middle of the element with the middle of the surrounding content
sub subscripts the element
super Superscripts the element
text-bottom Aligns the bottom of the element with the bottom of the font of the surrounding content
text-top Aligns the top of the element with the top of the font of the surrounding content
top Aligns the top of the element with the top of the tallest object in the surrounding content