CSS Forum

**Foppa** · 12-21-2009, 04:37 AM

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:

Code:

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

Code:

<h1><img src="images/seo-icon.png" />Search Engine Optimization</h1>

**chrishirst** · 12-21-2009, 04:40 AM

set it as the background to the element.

**Foppa** · 12-21-2009, 04:45 AM

Thanks for the quick reply.

I'm not sure what you mean though. Can you give me an example or explain?
Also, what part is the element?

**chrishirst** · 12-21-2009, 04:58 AM

http://www.w3schools.com/css/pr_background-image.asp

ALL HTML objects are elements http://www.webmaster-talk.com/seo-ta...nd-values.html

**Foppa** · 12-21-2009, 05:25 AM

I'm not sure I understand.

How is it possible to make text a background to an H1 tag?

**chrishirst** · 12-21-2009, 05:27 AM

Not the text, just the icon.

position it "center left"

**Foppa** · 12-21-2009, 05:31 AM

Can you show me what you mean with the CSS I posted? I didn't know there was a "center left" css tag.

**chrishirst** · 12-21-2009, 05:41 AM

Quote:

I didn't know there was a "center left" css tag.

That's because there is no such "tag"

CSS has PROPERTIES and RULES tags are for HTML.

I'd suggest reading the W3Schools linked page in post #4!

**Foppa** · 12-21-2009, 05:50 AM

I did, but W3schools usually confuses me more.

I got it working now though.

I ended up doing:

h1 img{margin-bottom: -10px}

And that seemed to have worked for what I wanted.