How To Reduce The Gap Between Each New Paragraph Using CSS?

Hi,

I've got a menu which I've made simply by using paragraphs, for example:

<p>link 1</p>
<p>link 2</p>
etc.


But I want there to be less spacing between each new line, so the text appears to be closer together. Anyone know how this is done?


Thanks for any help

 

with css:

#menu p {
margin-top:0;
margin-bottom:0;
}

you can change the 0's for the values you want, for example margin-top:5[B]px[/B]; (dont forget the px)

<div id="menu">
<p>link 1</p>
<p>link 2</p>
</div>

Code (markup):

 

Thanks very much emed, its sorted now

 

You can give to the margin a negative value .
For example :

margin-bottom: -2px;

Code (markup):

 

Because the default margin value of <p> tag is not zero (in IE and FF),
if you would like to reduce the gaps of paragraph,
Just set the margin value manually .

P {
margin: 0 1px;
}
The first value is for top and bottom margin and the second value is for left and right margin .