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. 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...

   

2. 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,

   

3. 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:

   

4. 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;
}