CSS line-height

Also see the full, alphabetical list of CSS properties

The CSS line-height property is similar to leading in desktop publishing - it determines the "line height". This results in lines of text appearing closer together or further apart.

Also see the letter-spacing and word-spacing properties.

Tip: Use CSS font to set the most common font properties in one go.

Syntax:	line-height: <value>;
Possible Values:	normal <length> - for example, 10px <number> - multiplied with the current font size <percentage> - for example, 130% of current font size inherit
Initial Value:	normal
Applies to:	All elements
Inherited:	Yes
Media:	Visual
Example:	`p { line-height: 180%; }`
Try it yourself!	HTML Editor <style type="text/css"> p { line-height: 180%; } </style> <p>CSS line-height is similar to leading in desktop publishing - it determines the "line height" (suprised?). This gives the impression of lines of text being closer together or further apart. Changing the line height in conjunction with using the letter-spacing, word-spacing, float properties can produce some nice looking layouts.</p>

Also see all CSS properties listed alphabetically

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_line-height.cfm">CSS line-height</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites