Line Height Calculator
Calculate readable CSS line height.
Keep or share the finished result
Copy or share after running the tool. Saved tools and settings stay in this browser.
What would you like to do next?
Calculate CSS line height
Line height affects readability, vertical rhythm and how dense text feels. Enter font size, line-height multiplier and root font size to get line height in pixels, rem and unitless CSS. It is useful for body text, article layouts, UI labels and design system typography tokens.
Copy unitless line-height CSS
Unitless line-height scales with the element font size and is often the most flexible value for reusable styles.
Frequently asked questions
What is a good line-height value?
Body text often works around 1.4 to 1.7, depending on font, measure and design.
Why use unitless line-height?
Unitless line-height inherits more predictably and scales with font size.
Does this replace visual review?
No. Use the result as a starting point and check real text in context.