9.4. Horizontal and Vertical Spacing

CSS rules allow you to control spacing between lines, letters, and words. You can use these properties to create interesting visual effects, or merely to improve readability of text, or sometimes, to fit text into a tight spot.

9.4.1. The line-height Property

All elements in a Web page have a line-height property. This property refers to the total distance from the top of the tallest element in one line to the top of the tallest element in a line immediately below or above the line[2]. By default, browsers create a line-height that ensures readability of vertically adjacent lines or elements. For example, if the text in a paragraph is set in a 12-point font, the browser will usually provide one point ...

Get HTML Utopia: Designing Without Tables Using CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.