Should line-height use px or a unitless number?

Prefer a unitless number such as 1.5. It multiplies the element’s font-size, including inherited sizes. A fixed pixel line-height stays the same when the font grows.

CSS Studio

Interactive Learning

On this tool

letter-spacing on body text is usually too wide once it leaves the playground. Keep large tracking for short labels, not paragraphs.

Typography

line-height is the distance between lines. A unitless value, such as 1.5, scales with the font size. A pixel value does not.

What people get wrong

letter-spacing on body text is usually too wide once it leaves the playground. Keep large tracking for short labels, not paragraphs.

Should line-height use px or a unitless number?: Prefer a unitless number such as 1.5. It multiplies the element’s font-size, including inherited sizes. A fixed pixel line-height stays the same when the font grows.

Font Settings

Font Family

Font Size32px

Font Weight400px

Spacing & Layout

Line Height1.5px

Letter Spacing0px

Text Align

Decoration

Transform

Decoration

Color

Generated CSS

From the controls

PreviewInter • 400