Post by ShaneTFletcher » Wed Oct 31, 2012 8:29 pm

Hi there, I am wanting to center my menu bar but everything I try is not working?

Here is my menu code in css:

Code: Select all

#menu {	
	width:105%;
	text-indent: 20px;
	padding: 5px 40px 0px 20px;
	height: 60px;
	background: url(../image/ribbon-red.png) no-repeat ;
	z-index: 1;
	font-size: 1.8em;
	color: #FFF !important;
	position: relative;
	right: 60px;
}
I've tried simply adding text-align: center but no look. I can increase the padding but this is unreliable to center the text (and I prefer a simple line of code to center automatically).
I have also tried the float code, this was not working either.

Can anyone shred some light on this problem?

Thanks

New member

Posts

Joined
Sat Jul 07, 2012 4:32 am
Who is online

Users browsing this forum: No registered users and 11 guests