jquery - NAV Bar Centrailed Issue -

i have tried not coming in centralized given screen detect navbar

#navcontainer {      margin: 0 auto;      width: 100%;      height: 44px;  } .menu {      font-size: 13px;      color: #000;      z-index: 1001;      margin: 0px;      position: absolute;       z-index: 30; font-family: verdana, arial, helvetica, sans-serif; } .menu ul {      margin: 12px 0 0 0px; } .menu ul li {      float: left; } .menu .part01 {      width: 400px;      margin: 10px 0 0 70px;      float: left; } .menu .part02 {      margin: 10px 0 0 695px;      width: 400px; } 

this website

make menu navigation 1 single block of ul li list, compared current broken 2 ul list , logo placed in between.

once have inside 1 container can make menu responsive, adding parent container , adding style margin: 0 auto; can see have.

you code should this:

<div id="menu" style="width:80%; margin: 0 auto;"> <ul> <li>item x...</li> <li>item x...</li> <li>item x...</li> <li class="logo"></li> <li>item x...</li> <li>item x...</li> <li>item x...</li> </ul> </div>