Free CSS Line Height Calculator
Calculate actual line height in pixels from unitless, pixel, or percentage values. Includes readability recommendations.
100% client-side - your data never leaves your browser.
Recommendations
1.5
Recommended
unitless
24.0px
Line height (px)
at 16px
8.0px
Line gap
above + below baseline
1.4 (22.4px)
Range min
1.6 (25.6px)
Range max
44px
Touch target
min 44px recommended
line-height: 1.5; /* 24.0px at 16px font size */Visual preview at 16px font size:
The quick brown fox jumps over the lazy dog. This sentence demonstrates the recommended line height for body text content.
Want automated scanning?
SCOUTb2 runs 25+ accessibility, performance, SEO, and security checks on any page automatically.
Install SCOUTb2 Free