Space Your Lines With CSS

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: 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pellentesque justo in nisi.

Code: 

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In pellentesque justo in nisi.

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:


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

Do You Want A Hands-Free Business?

Then get this guide to help you systemize your business so you'll have more time working on your business.

!
!

Hey! I want to make sure you know what you're getting here. In addition to the guide, you will also receive our memo that includes special offers, announcements and of course actionable information.

Terms and Conditions checkbox is required.
Something went wrong. Please check your entries and try again.
Facebook Comments