Line-height: 100%
This paragraph uses a line-height of 100%, which is the same as the font size.
Each line should be tightly spaced without extra vertical space.
This is useful when you want compact text layout.
Line-height: 150%
This paragraph uses a line-height of 150%, which adds moderate spacing between lines.
The lines are more readable and have better visual separation.
This is a common default setting for body text in many documents.
Line-height: 200%
This paragraph uses a line-height of 200%, which doubles the font size for vertical spacing.
The lines have significant space between them, making the text very readable.
This is often used for accessibility or when line spacing is deliberately increased.
Line-height: 10pt
This paragraph uses an absolute line-height of 10 points.
The spacing between lines is fixed at exactly 10 points.
The font size remains 10pt, so this creates tightly packed lines.
Line-height: 15pt
This paragraph uses an absolute line-height of 15 points.
Each line has exactly 15 points of vertical space allocated.
This provides moderate spacing for improved readability.
Line-height: 20pt
This paragraph uses an absolute line-height of 20 points.
The lines are well-spaced with 20 points of vertical space each.
This creates a more spacious and airy appearance in the document.
Line-height: 0.8em
This paragraph uses a line-height of 0.8em, which is 80% of the current font size.
The lines are compressed together with minimal vertical space.
This is useful for creating a compact visual effect.
Line-height: 1.2em
This paragraph uses a line-height of 1.2em, which is 120% of the current font size.
The lines have a balanced amount of spacing for good readability.
This is similar to using a 120% line-height percentage.
Line-height: 2em
This paragraph uses a line-height of 2em, which is 200% of the current font size.
The lines are widely separated with generous vertical spacing.
This creates a very open and spacious text layout.
Line-height: 0.9 (unitless)
This paragraph uses a unitless line-height value of 0.9.
The multiplier is applied to the font size (0.9 × 10pt = 9pt).
This creates compact line spacing.
Line-height: 1.5 (unitless)
This paragraph uses a unitless line-height value of 1.5.
The multiplier is applied to the font size (1.5 × 10pt = 15pt).
This is a very popular setting for comfortable reading.
The spacing is proportional to the font size.
Line-height: 2.5 (unitless)
This paragraph uses a unitless line-height value of 2.5.
The multiplier is applied to the font size (2.5 × 10pt = 25pt).
The lines are very widely spaced and easy to read.
This is often used for accessibility requirements.
Line-height: 5mm
This paragraph uses an absolute line-height of 5 millimeters.
The vertical spacing between lines is exactly 5mm.
Different units like millimeters are sometimes used in print design.
Line-height: 8mm
This paragraph uses an absolute line-height of 8 millimeters.
The increased spacing makes the text more readable and open.
Millimeters are useful for precise layout control in documents.
Line-height: normal
This paragraph uses the default line-height value (typically around 1.0-1.2).
The spacing is determined by the browser or PDF renderer default.
This is the baseline for comparison with other values.
Line-height: 1 (unitless)
This paragraph uses a unitless line-height of exactly 1.
The vertical space is the same as the font size.
This creates tightly spaced lines with minimal separation.
(1) default
line
height
(2) normal
line
height
(3) 100%
line
height
(4) 50%
line
height
(5) 150%
line
height
(6) 10mm
line
height
(7) 20mm
line
height