CSS text-box: text finally centered in its box
Dev Communityvia NewsData.io
This note has an interactive demo. Try it in the original You give a button padding: 12px and the label still looks a little off: more air above the letters than below, or the other way round. It isn't you. It's the font. And there's now a one-line fix that works in Chrome, Safari and Firefox: text-box. Flip the switch in the demo above and watch the dashed box around "Hxg" collapse onto the cap line and the baseline. The button, the pill and the number below use the same padding top and bottom in both states. Only the trimmed version actually looks centered. Why text is never centered on its
Headline and summary provided via NewsData.io. The full article and its copyright belong to the original publisher.