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.

Dom Magnifico

@doom.codes

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.

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

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.