CSS leading

If you're a desktop publisher, you would be familiar with the term leading. Applying leading to a paragraph of text adds space in between each line.

Fortunately you can use Cascading Style Sheets (CSS) to apply leading. The trick to remember is that there isn't actually a CSS leading property. CSS has called it line-height.

To apply leading (or line-height) in CSS

Code	Result
<p style="line-height: 280%;max-width:200px;">There is no "CSS leading" property - the CSS specification uses the line-height property to apply leading. Leading gives the impression of lines of text being closer together or further apart.</p>	There is no "CSS leading" property - the CSS specification uses the line-height property to apply leading. Leading gives the impression of lines of text being closer together or further apart.

CSS font Property

You can also use the CSS font property to set the leading/line-height property values.

Enjoy this page?

2. Link to this page (copy/paste into your own website or blog):
   <a href="http://www.quackit.com/css/css_leading.cfm">CSS leading</a> from Quackit.com
3. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!