Skip to content
Calculator Tools
CSS & Design Calculators

Line Height Calculator

Line height in unitless, px and percentage forms, with a readability recommendation.

Enter values

Results update as you type.

Result

Line height

1.5 (unitless)

Use a unitless line height so it scales with nested font sizes instead of being inherited as a fixed pixel value.

In pixels
24 px
As a percentage
150%
Space between lines
8 px
Recommended for this size
1.5
Assessment
Comfortable for reading
Lines per 1000px of height
41.7

About the Line Height Calculator

Line height in unitless, px and percentage forms, with a readability recommendation.

Also known as: leading calculator, line spacing css, unitless line height, text leading.

How to use this calculator

  1. Enter font size, i know the, line length and the other fields.
  2. The result updates instantly as you type — press Calculate (or Enter) at any time.
  3. Review the breakdown shown under the main result.
  4. Use Copy result or Share to save the answer or send a link with your inputs.

Formula

line-height ratio = line height ÷ font size

Worked example

Using the values pre-filled in the calculator above:

  • Font size = 16 px
  • I know the: Ratio
  • Line height ratio = 1.5
  • Line length = 65 characters

the calculator returns:

  • Line height: 1.5 (unitless)
  • In pixels: 24 px
  • As a percentage: 150%
  • Space between lines: 8 px