P Line Height

kafmil · Jan 8, 2004

How do you change the distance in between paragraphs seperated by <p> tags? Line-height only controls distance between lines inside a <p></p> tag.

BillyRayPreachersSon · Jan 8, 2004

kafmil,

Depending on where you want the padding, you can set either padding-bottom or margin-bottom:

Code:

P { margin-bottom: 20px; }

or

Code:

P { padding-bottom: 20px; }

Hope this helps

Dan

kafmil · Jan 10, 2004

I have tried both of these methods but i cannot get the distance to be smaller. If i make them both 20 the distance increases, but i currently have them set as follows.

p
{
margin-bottom: 1px;
padding-bottom: 1px
}

And the distance is the same as if i don't have it set at all. Is there a way to reduce the distance?

WartookMan · Jan 11, 2004

You might like to try the TOP and the BOTTOM margins... by default I think they are set to something like 20px top and bottom:

Code:

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

Therefore you may have to reduce both of them to get the desired results.

NOTE: If you simply use:

Code:

p {
	margin:10px;
}

... then you'll get an indent from the left and right margins of the controlling element (eg, the page/document).

Pete.

Lotus Notes Web Developer / Aptrix (LWWCM) Consultant
w:

http://www.lclimited.co.uk/

e: Pete.Raleigh(at)lclimited.co.uk

BillyRayPreachersSon · Jan 11, 2004

If you want to remove all the spacing inbetween paragraphs, use:

Code:

p { margin: 0px; }

Here's an example showing this at work:

Code:

<HTML>
<HEAD>
<STYLE TYPE=&quot;text/css&quot;>
p { margin: 0px; }
</STYLE>
</HEAD>
<BODY>

<P>This is paragraph 1</P>
<P>This is paragraph 2</P>
<P>This is paragraph 3</P>

</BODY>
</HTML>

Hope this helps!

Dan

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

P Line Height

kafmil

Technical User

BillyRayPreachersSon

Programmer

kafmil

Technical User

WartookMan

Technical User

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor