Loading…
Calculate a recommended CSS line-height ratio for a given font size and content type, with a live text preview.
font-size: 16px;
line-height: 1.55;
/* equivalent: 24.8px */Live preview
Line height controls the vertical rhythm of text. A ratio that's too tight crowds each line together and hurts readability; too loose and paragraphs feel disconnected. The right value depends on font size, line length, and how the text is used — body copy usually wants more breathing room than a heading or a UI label.