How To Increase Line Spacing CSS HTML

RegisterLogin

Webune Forums » CSS » How To Increase Line Spacing CSS HTML

How To Increase Line Spacing CSS HTML
Post Description: This Page Will Show You About Increasing Or Decreasing The Length Of A Line Space In Between Two Lines
Tags: How, To, Increase, Line, Spacing, Css, Html
This Post Was Posted On Dec 06, 2009 By Webune Tutorials #2845

How To Increase Line Spacing CSS HTML by Webune Tutorials

Welcome to Webune Support Forums

If you are a customer of Webune and you have Webune Web Hosting, you probably manage your websites.

sometimes its necessary to increase the line spacing between lines in a paragraph. for example, if you are using a particular type of font-family in your CSS, you will notice sometimes that the sentences lines are too close to each other.

CSS offer a way to separate the lines with the line-height property

the best way to learn is to actually see it in action, so we are going to show you an example of how you can separate the words between the lines by using this sample paragraph:

NOT USING line-height example:

Let our Webune team of experienced professional web developers and designers become your outsourced IT Solution! This means your business does not deal with questionable lump sum pricing and you keep your budget under your control. Your business receives access to a full range of custom solutions with a single point of contact backed by experts and specialists and no pre-packaged pricing

USING line-height with 30px example:

this is the HTML code I used to make it work:

HTML/CSS CODE:

<div style="width:400px; line-height:30px;padding: 5px; border: 1px solid #CCC;">Let our Webune team of experienced professional web developers and designers become your outsourced IT Solution! This means your business does not deal with questionable lump sum pricing and you keep your budget under your control. Your business receives access to a full range of custom solutions with a single point of contact backed by experts and specialists and no pre-packaged pricing</div>

hope that helps

Leave Your Comments

Related Pages: [Add Your Website]

Post New Topic

loko

#4675 1

that was helpful. thanks.

Dec 06, 2010 Reply Report abuse

akon

#4231 2

thanks, i really needed to know how to increase the spacing in between two li in css

Jul 21, 2010 Reply Report abuse

beko

#3720 3

i had the same problem in words are too close together between lines css

Apr 06, 2010 Reply Report abuse

chazid

#3459 4

wow, amazing, thanks for showing me how to manage line spacing in paragraphs in html

Feb 13, 2010 Reply Report abuse

Leave Your Comments...