HTML CSS text won't centre

DerDingo

New Member
I'm trying to centralize my navigation panel, however to no joy :-(Please see the code below:HTML:\[code\]<nav id="topnav" class="clear2"> <ul> <li <?php if ($a==1) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/index.php">HOME</a></li> <li class="separate">|</li> <li <?php if ($a==2) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/Services.php">SERVICES</a></li> <li class="separate">|</li> <li <?php if ($a==3) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/AboutUs.php">ABOUT US</a></li> <li class="separate">|</li> <li <?php if ($a==4) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/Testimonials.php">TESTIMONIALS</a></li> <li class="separate">|</li> <li <?php if ($a==5) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/Press.php">PRESS</a></li> <li class="separate">|</li> <!--<li><a href="http://stackoverflow.com/questions/13758927/#">DropDown</a> <ul> <li><a href="http://stackoverflow.com/questions/13758927/#">Link 1</a></li> <li><a href="http://stackoverflow.com/questions/13758927/#">Link 2</a></li> <li><a href="http://stackoverflow.com/questions/13758927/#">Link 3</a></li> </ul> </li>--> <li <?php if ($a==6) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/Charity.php">CHARITY INVOLVMENT</a></li> <li class="separate">|</li> <li <?php if ($a==7) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/Books.php">BOOKS</a></li> <li class="separate">|</li> <li <?php if ($a==8) {echo "class='active'";}?> ><a href="http://stackoverflow.com/questions/13758927/ContactUs.php">CONTACT</a></li></ul>\[/code\]CSS:\[code\]#topnav{ display:block; height:23px; padding-top:12px; 0; font-size:11px; }#topnav li{float:left; margin-right:15px; text-transform:uppercase;}#topnav ul{display: inline-block; padding-left:50px; margin-left:auto; margin-right:auto;}#topnav .separate {float:left; margin-right:15px; text-transform:uppercase; font-size:9.5px; padding-top:1px; }#topnav li li{margin-left:0;}#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0; padding:0; color:#FFFFFF;}#topnav ul ul li a:link, #topnav ul ul li a:visited{border:none;}#topnav li a:hover, #topnav li.active a{color:#93DBF3;}#topnav li li a:link, #topnav li li a:visited{width:150px; float:none; margin:0; padding:0px 0px; color:#666666; background-color:#F9F9F9; border:none;}#topnav li li a:hover{color:#FF9900; background-color:#F9F9F9;}#topnav ul ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; padding:0px 0 0 0; border-bottom:1px solid #666666; background-color:#b0e0e6;}#topnav ul ul a{width:140px;}#topnav li:hover ul{left:auto;}#topnav li:hover{position:static;}#topnav li.last{margin-right:0;}\[/code\]The website can be found here: http://helpyourselfassociates.com/NEW/index.phpAny ideas on how I can centre the text?
 
Back
Top