getting rid of post </p> spacing ?

<p> </p> spacing css

[expatCanuck]

Greetings -

I've got a simple css template that I'm using to display song lyrics. An example can be found here: <snip>

I'm trying to figure out and fix:

1) why there's such a thick margin under the line
(Click to play the tune)
right under the song title.

2) why, in IE, the first lines of the song is indented a bit
2a) why, in FF 2, the first *two* lines of the song are indented.

All wisdom welcome.

Thanks.

- Richard

[edited by: DrDoc at 7:43 pm (utc) on Aug. 1, 2008]
[edit reason] No URIs, please. See forum guidelines. [/edit]

[DrDoc]

Many block level elements (such as

form

,

p

, and

h[i]n[/i]

) have a trailing margin.

And, this isn't really that surprising. If you are using multiple paragraphs of text, or inserting a heading, you would expect there to be some space inbetween, right?

Luckily, there is a very simple workaround:

p { 
  margin: 0; 
}