Black Lives Matter! ✊🏾


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

    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

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