Skip to content

Files

Latest commit

 

History

History
14 lines (13 loc) · 869 Bytes

113.md

File metadata and controls

14 lines (13 loc) · 869 Bytes
title date submitter number tags discussion
I want a `vertical-align` property that aligns with the text middle
2020-02-19 23:40:19 UTC
Tyler Sticka
113
css
typography

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 top, translate or margin to account for the difference. It would be nice to have an explicit vertical-align: text-middle property.

Here’s an example of what that could look like.