[iOliverC]

Hey guys,

I have a menu div with this code:

Code:
#menu {
	background: url(../images/menu.png) repeat-x;
	width: 630px;
	height: 26px;
	line-height: 25px;
}

Basically right, when I put text into this, it hugs to the far left side. What I am wanting to do is maybe indent the text just a little bit so its maybe 5-10px away from the left side. I would rather not have to create a new div for this.

Thanks,
Oliver

[redJag]

isn't there a text-indent property for this? :-) So many properties..hard to keep track..!

http://www.w3schools.com/css/pr_text_text-indent.asp

[Sage]

I think he just wants a left-side margin or some padding. Text-indent is for first-line indents only.

That said, if you want to keep the width of the text the same and just knock it over a little bit (including moving over the background image), then you would add the following to your #menu selector:

Code:
margin-left: 5px;

If you want to move the text over, but not the background image, you'd use this instead:

Code:
padding-left: 5px;

Of course, adjust the width of your menu box as necessary.