Post

My latest bit of resistance against Al induced brain atrophy: text-box-trim Fonts carry invisible space above their capital letters and below the baseline. That's why text can look off center in a button even when the padding is identical on every side.

2/9/26, 5:13 pm0 reposts0 likes

Dom Magnifico

@doom.codes

2 Sept

l've always fixed it with negative margins or slightly weird padding values. CSS can trim that extra space so the padding measures from the letters themselves. Useful little property.

Dom Magnifico

@doom.codes

2 Sept

As always, more here 👇 dommagnifi.co/lab/text-box...

dommagnifi.cotext-box-trim: padding that hugs the lettersCSS text-box-trim cuts the invisible space fonts add above their capitals and below the baseline, so headings sit flush, pills hug their labels, and padding means what it says.