Quackit Logo
Sponsored Links
$1.99 Domain Names
With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.
Create free Flash websites

CSS leading

Print Version

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?

  1. Add this page to your Favorites
  2. Link to this page (copy/paste into your own website or blog):
  3. Help support Quackit by making a donation
  4. Add this page to your favorite social bookmarks sites:      

Oh, and thank you for supporting Quackit!

Need Website Content?
Get unique, quality digital content for your website.
  • 270+ Website Templates
  • 800+ Flash Templates
  • 25,000+ Images, Logos
  • 30,000+ e-Books
  • 15,000+ Scripts
  • 27,000+ Animated GIFs
  • 21,000+ Ringtones
  • ...and much more!
Get your content now!
FREE Hosting!
With every domain you register with ZappyHost you get FREE hosting.
© Copyright 2000 - 2010 Quackit.com