Quick Question Regarding Headings - Changing The Spacing With CSS

Hi,

I've inserted some <h1>, <h2>, <h3> etc. tags into my website but each time I insert one it seems to create a space below each tag, which looks like a blank line.

So for example it looks like this:

I want to have it so that there is no gap between the heading tag and the next line of my text. Any idea how to do this?
I've also edited the heading tags in my CSS file, and the code looks like this:

Any idea how to get rid of the gap that is forces?


Thanks for any help

 

h2 {
font-size: 14px;
color: #cc3300;
font-weight: bold;
font-style: italic;
margin:0px;}

 

margin:0;
padding:0;

 

The gap it creates is called a margin. I'd suggest you reduce it to something reasonable rather than use the 0px values the others have mentioned above, simply because you need some form of space below headers and text.

h2 {
font-size: 14px;
color: #cc3300;
font-weight: bold;
font-style: italic;
padding-bottom: 0px;
[B]margin-bottom: 0.8em;[/B]
} 

Code (markup):

 

Thanks for the help guys, sorted it now