Getting vertically-aligned

Vertical-align is a pretty useful property at times, but could easily be assumed to align any element centrally, but there’s a catch it will only work on inline elements.

A simple example of vertical-align would be to align an image to text. This is great for aligning an icon with a title or a button. There are a few values that can be used: baseline, sub, super, text-top, text-bottom, middle, top and bottom.

Continue reading “Getting vertically-aligned”