line-height
The line-height property sets the height of line boxes, controlling vertical text rhythm.
Syntax
line-height: normal | <number> | <length|%>;
Examples
body { line-height: 1.6; }
h1 { line-height: 1.1; }
Output
Renders comfortably spaced body paragraphs and tighter heading line spacing.
Notes
Prefer a unitless number; it scales with each element's own font-size and inherits cleanly. Use about 1.5 to 1.7 for body text readability and tighter values for large headings.
Browser & runtime support
| Environment | Since version |
|---|---|
| chrome | 1.0 |
| firefox | 1.0 |
| safari | 1.0 |
| edge | 12 |