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. The Thing With Leading in CSS · Matthias Ott – User Experience Designer

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

    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

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