CSS Line Spacing - Another Word for Line-Height
Friday July 10, 2009
One of the most frustrating parts of learning Web design is all the jargon that you have to learn. While you can browse through a glossary most people don't want to do that. And one of the more confusing terms in design is the spacing between lines of text. In print this is called leading, in CSS it's called line-height, but most people just think of it as line spacing. Learn how to affect your line spacing with CSS and the line-height property.
An interesting thing to note (at least to me) is, that if you have a block or inline-block element with a width/height specified in EMs, the value of the font-size of the element will affect the width/height of that element (surprising at first, but logical when you think about it). But the line-height will not affect the width/height in this way.
Here is a sample line of how to in your CSS
p {line-height:1.55em;}
Pretty easy!