24px to em

How the conversion works

CSS unit conversions assume a default root font size of 16px (the browser default), where 1rem = 16px and 1em = 16px in a default context. Points use the CSS reference of 96dpi, so 1pt = 1.3333px. That makes 24px equal to 1.5em.

The formula is: em = px ÷ 16.

When to use em

em units are relative to the current element’s font size, which makes them ideal for spacing that should scale with a component’s own text — padding inside a button, for example. Be aware that em compounds when nested.

Quick reference: px to em