Quackit Logo
HTML
CSS
Scripting
Database
Hosting
Design
XML

Print Version

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

  • Share
  • Add this page to your Favorites
  • Link to this page (copy/paste into your own website or blog):
  • Link to Quackit using one of these banner ads.
  • Help support Quackit by making a donation

Oh, and thank you for supporting Quackit!

© Copyright 2000 - 2010 Quackit.com