Rhythmic sizing

The line-height-step CSS property creates consistent vertical rhythm by setting the spacing between body text baselines. It rounds taller lines like headings up to the next multiple of the body text spacing.

Learning resources on MDN

• line-height-step

Browser support

• Chrome ❌
• Chrome Android ❌
• Edge ❌
• Firefox ❌
• Firefox for Android ❌
• Safari ❌
• Safari on iOS ❌

Edit this feature - Report an issue about this feature