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
The Thing With Leading in CSS · Matthias Ott – User Experience Designer
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.
Using calc to figure out optimal line-height
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...
How to Tame Line Height in CSS | CSS-Tricks
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,
line-height | CSS-Tricks
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:
line-height
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;
}
Explore other pages
- lang
Specifies the primary language for the page or an element.
- h1 - h6
These elements represent headings for their sections.
- grid-column
Determines a grid item’s size and location within the grid .
- data-
Stores data in a custom attribute.