CSS line spacing between h2 and p

[cooknwitha]

I'll try and make this logical as I can manage. Is it possible in CSS code to make the spacing between an h2 and a p field to appear like it's only being separated by a <br>?

Hello, I'm an H2 Heading

And I'm a P field. See how I have a gap??

- - - -

I would like this to be the H2 heading
And for this to be the p field.

Am I making any sense? Obviously I can make the h2 lines p and manipulate them with the <span> command that but I'm trying to keep my code as simple as possible and trying to control appearance from one CSS file.

I hope I'm making sense. I'm a little muddled in the head at the moment. :)

[Mitthrawnuruodo]

In your css (or just in a style tag) set margin and padding to 0px for both h2 and p and they should get considerably closer... :)

[cooknwitha]

You, Mitthrawnuruodo, are a champion!! I think I tried almost every combination with padding and margin except that! I wanted it to go

HEADING
Para Para Para Para Para Para Para
Para Para Para Para Para Para Para
Para Para Para Para Para Para Para

HEADING
Para Para Para Para Para Para Para
Para Para Para Para Para Para Para
Para Para Para Para Para Para Para

And I've now achieved that with:

h2 {
padding:0px;
margin:0px;
}
p {
padding:0px;
margin-top:0px;
}


Thank you so so much! That's going to save me a lot of trouble. :)

[Mitthrawnuruodo]

No problem... just glad to help... :)

I've never understood why the h-tags and p-tag has all that margin by default... that's just <mumble /> stupid... :rolleyes:

[cooknwitha]

I agree. I'm in the process of changing my old Flash-based website into HTML with CSS and I love the flexibility of it. But the gaps between the h tags were driving me insane. But now I've fixed that. :)

CSS is great though. I had no idea it was so flexible. Not a table to be seen. Not to mention relatively simple to understand.