Hacker News Reader

> height: 1cap;

Runs into trouble when text content includes glyphs featuring descenders e.g. “Goodbye World”

I 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.

I love this guy's blog, especially the facebook/instagram css analysis

I wish people would stop teaching div, .wrapper and all those other unneeded pre grid crutches, but no, they drag the obsolete into the new bloated shiny frameworks and what is it with this story style for guides? Why should I anchor all that didn’t work in memory? That being said the blog looks great, visually very pleasing.

CSS Cap Unit