Skip to content

Reference table

CSS Line Height Table: Line height by Font size

Reference table of line height for CSS Line Height across a range of font size values — exact, engine-computed figures you can read off at a glance.

By Vikram Iyer, M.Sc Mathematics · Updated Jun 2026 · 1 min read

This css line height reference table shows the line height for a range of font size values, assuming a line height ratio of 1.5. Every figure is computed with the same engine that powers our CSS Line Height Calculator, so the numbers are exact.

Font sizeLine height
4 px6.00
8 px12.00
12 px18.00
16 px24.00
24 px36.00
32 px48.00
48 px72.00
80 px120.00
110 px165.00
160 px240.00

How to use this table

Find the row closest to your font size and read across to the line height. For a value between two rows, the real figure sits between them — or enter your exact numbers in the CSS Line Height Calculator for a precise answer.

Need a value that is not in the table? — the CSS Line Height Calculator does it instantly, for free, with the formula and a worked example built in.

Continue exploring utility calculators with these tools: Bleach Dilution Calculator, Pool Chlorine Calculator, Age Calculator, Percentage Calculator, Date Difference Calculator.

Calculators in this guide

Frequently asked questions

Each cell is computed with the standard formula using exact arithmetic — the same calculation behind our CSS Line Height Calculator — so every figure is accurate for the stated assumptions.

Yes. The table covers common font size values; for any exact figure, enter your own numbers in the CSS Line Height Calculator.

Vikram Iyer · M.Sc Mathematics

Vikram Iyer is a mathematics educator with over fifteen years of teaching experience, specialising in making quantitative concepts clear and practical for everyday use.