Amount of space after <p> paragraph tag.

[RetroMIDI]

I notice that the <p> tag does not always allow the same amount of
space. Some websites have about half a line only. When I check their
code, they have used just <p>. On other occasions it seems that <p>
has left not just one line of space as per the current font size, but
as much as 20 or 30 pixels.

Can someone please explain to me how to control what <p> does in terms
of space after a paragraph using a CSS.

 

[dorayme]

<[email protected]
m>,

I notice that the <p> tag does not always allow the same amount of
space. Some websites have about half a line only. When I check their
code, they have used just <p>. On other occasions it seems that <p>
has left not just one line of space as per the current font size, but
as much as 20 or 30 pixels.

Can someone please explain to me how to control what <p> does in terms
of space after a paragraph using a CSS.

You can control this by setting your own margin and padding on
paragraphs instead of letting the individual browsers set their
own styles. Need an example?

 

[asdf]

I notice that the <p> tag does not always allow the same amount of
space. Some websites have about half a line only. When I check their
code, they have used just <p>. On other occasions it seems that <p>
has left not just one line of space as per the current font size, but
as much as 20 or 30 pixels.

Can someone please explain to me how to control what <p> does in terms
of space after a paragraph using a CSS.

Here's my 'standard' p redefinition that you can play with/modify to suit:

p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

What does it do? It stops all padding and margins for all p tags, and adds a
1em margin to the bottom.

It's important that you do not use pixel spacings for (at least) textual
elements. If the viewer changes their viewable font size, it is desirable
that any white space also changes to suit.

 

[Andy Dingley]

I notice that the <p> tag does not always allow the same amount of
space.

It has however much space you specify in CSS, together with the notes
on how these CSS rules should be interpreted.

One aspect that hasn't been mentioned here is "collapsing vertical
margins".

Read all about it here:
http://brainjar.com/css/positioning/

 

[GTalbot]

<[email protected]
m>,




You can control this by setting your own margin and padding on
paragraphs instead of letting the individual browsers set their
own styles. Need an example?

Hello all,

Sometimes, it's due to a bug too...

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/OrdinaryPargWithMarginAuto.html

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/DefaultMarginDisappear.html

Gérard

 

[dorayme]

<[email protected]

,

On 2 déc, 19:44, dorayme <[email protected]> wrote:

Sometimes, it's due to a bug too...

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/OrdinaryPargWithMarginAuto
.html

http://www.gtalbot.org/BrowserBugsSection/MSIE7Bugs/DefaultMarginDisappear.htm
l

I have bookmarked your extremely useful:

http://www.gtalbot.org/BrowserBugsSection/