2 ms·
> height: 1cap; Runs into trouble when text content includes glyphs featuring descenders e.g. “Goodbye World”
by mock-possum 2y ago
> height: 1cap;
Runs into trouble when text content includes glyphs featuring descenders e.g. “Goodbye World”
- graypegg 2y agoI think the primary example of icon alignment though relies on that behaviour. I think an icon resting on the baseline, as tall as the cap height is probably the most visually balanced looking option. If you need a container that includes the bottom of the descenders to the cap height, it's probably best to use a container with no prescribed height and let the browser figure out the containing dimensions.