EASY...Newbie Question

[duncan352]

I'm new to PHP and still pretty inexperienced when it comes to everything else in web development. I'm just now learning the art of style sheets, and that's where my problem is. When I apply the following styles with <h6>...code...</h6> after I did the <link href=...etc> to link in the stylesheet.

My problem isn't that the styles aren't applied, but that they are doing things I didn't expect them to do...in 3 different browsers. They add an extra line. As if I had put a <br /> right next to the text, my page shows up with WAY too many line breaks.

Here's what my style in my style sheet looks like. I'm using Style Master to help me with format (because I'm sick of the cross-browser problems I had when I tried doing it on my own):

h5 {font-size: 1em;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h6 {font-size: .75em;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
text-align: left;}

h7 {font-size: .75em;
font-family: Verdana, Arial, sans-serif;}

It happens when I apply the "h6" style. My text size changes the way I want it to, but it creates a big space around my styled text, like the following:

Title:

Network Outage

Location:

IAB

Affected Users:

Everyone in the South West Part of the Building

I just want the text to appear right after the colons, not on another line

[Banfa]

Most of the header tags (h1 ... h6) and the p tag have margins preset on them as their normal style.

To remove this space apply the style

margin: 0;

To you header tags and may be to the p tag too.

I trust you have a good css reference but if you don't I use this site http://www.w3schools.com