Centering H1 tag with icon?

[Foppa]

I would like to center (move it up) my h1 title tags with the icon, and put more space between them. How can I do that?



Here's my current title code if it helps/matters:

h1{
    color:#165788;
    font-size:18px;
    font-weight: 400;
    margin: 0px 0px 5px 0px;
}

<h1><img src="http://www.webmaster-talk.com/images/seo-icon.png" />Search Engine Optimization</h1>

[socks]

I don't have Dreamweaver handy, but have you tried setting a negative margin-bottom for the image? Example;

h1 img {
    margin-bottom: -10px;
}

It should work, but I'm not sure if it would look proper across all browsers.

[Foppa]

Thanks, that worked great. Looks fine in FF and IE so far.

But just to be clear...

In my css I have:

h1{
...
}

To add what you suggested I add a new:

h1 img{
...
}

Correct?..This tells it to only effect images related to h1 right?

[socks]

Yup. That css rule would only affect images in the h1 tag.

[Foppa]

Perfect. Thanks, that's good to know.