line-height

On a block container element whose content is composed of inline-level elements, 'line-height' specifies the minimal height of line boxes within the element. On a non-replaced inline element, 'line-height' specifies the height that is used in the calculation of the line box height. 10.8 Line height calculations: the 'line-height' and 'vertical-align' properties

Links about line-height

1. The Thing With Leading in CSS · Matthias Ott – User Experience Designer

   posted on August 23, 2020 by Matthias Ott

   Matthias Ott is an independent user experience designer and developer from Stuttgart, Germany. Besides design practice he teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design, Kiel.

   

2. Using calc to figure out optimal line-height

   posted on May 18, 2020 by Jesús Ricarte

   The following is a guest post by Jesús Ricarte, a front-end developer and volunteer translator for A List Apart in Spanish. I’m very glad to have him writi...

   

3. How to Tame Line Height in CSS | CSS-Tricks

   posted on May 15, 2020

   In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height,

   

4. line-height | CSS-Tricks

   posted on May 15, 2015

   The line-height property defines the amount of space above and below inline elements. That is, elements that are set to display: inline or display:

   

5. line-height

   posted on January 31, 2020 by MDN

   The line-height CSS property sets the height of a line box. It’s commonly used to set the distance between lines of text.

   

Code sample

body {
  line-height: 1.7;
}