Sometimes you look at a web page especially one that’s jam packed with content and you think - the page could use some white space. White space it good! It gives your eyes some ‘breathing room’ so to speak and doesn’t look like you’re trying to cram everything into one small space.

You could, double break at every line but that would be impractical. CSS comes to the spacing rescue again. Here’s how you space out the lines.

Example: 

Code: 

1

<div style="WIDTH: 50% LINE-HEIGHT: 22px">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pellentesque justo in nisi.</div>

The example above only applies to a particular division. If you want it to apply to all of your web pages, you can either add this in between the header of your website:

1
2
3
4
5

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

Or, you can add the above code (minus the style tag) into your css file.

One caveat. Make sure the n px value is bigger than your font size or you’ll end up cutting off your text.

Technorati Tags: code, CSS