I want a
vertical-align property that aligns with the text middle
Submitted by Tyler Sticka
Icons and other glyph-like symbols appear most consistent with adjacent text when they are aligned with that text's typographic middle (half its cap height). There is currently no
vertical-align property that easily accomplishes this: Many projects instead use
vertical-align: middle and then push or pull the icon up or down a pixel or two using
margin to account for the difference.
It would be nice to have an explicit
vertical-align: text-middle property.