Getting H1, H2 and P to behave in CSS

I've been fooling with this stuff for hours now, but I just can't get the the headings to behave using CSS.

I have an H1 directly on top of an H2.

e.g.,

<h1>This is the H1 heading</h1>
<h2>This is the H2 heading</h2>

This leaving a nice big gap between the lines that I don't want. I would prefer that there were so space at all between the lines, but none of the CSS commands seem to do this, least of all "line height".

Any suggestions?

try putting this in the header of your document :-

<style type="text/css">
h1 {
margin-bottom:0px;
}
h2 {
margin-top:0px;
}
</style>