Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML
Website builder

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

<style type="text/css">
  p { line-height: 280% }
</style>

The above line-height declaration would result in body text with the following leading:

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.

Enjoy this page?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Link to Quackit using one of these banner ads.

Thanks for supporting Quackit!