Да все просто, представьте что вы решетка - # и действуйте, действуйте! HTML: <nav> <ul> <li>Лучшее <ul><li>link</li> <li>link</li> <li>link</li> </ul> </li><!-- end лучшее --> <li>новые <ul><li>link</li> <li>link</li> <li>link</li> </ul> </li><!-- end новые --> <li>добавить <ul><li>link</li> <li>link</li> <li>link</li> </ul> </li><!-- end добавить --> </ul> </nav> CSS: ul { text-align: center;} ul li {font-size: 16px; text-align: center; color: gold; float: left; display: block; width: 32%; margin-left: 2%; /* 32+32+2+2=100% */ } ul li:first-child {margin-left: 0px;} ul li ul {overflow: hidden;} ul li > li {float: left; color: #fff; font-size: 14px; float: none; width: auto; /* тут лучше заставить все элементы брать всю ширину которая им дается, если все фиксированно то еще легче. Не забывай, что дочерние элементы могут брать значения у родителя, их надо обнулять или менять на свои. */} палочки или при ксс делать, типа border или отдельные <li/>. Пример: <li>link</li> <li>|</li> <li>link</li> <li>|</li> <li>link</li> p.s. делал по этой картинке - ( _http://fotohost.org/images/a144826b-93kB.jpg ) Я кажется писал выше, сделайте последнее меню по правому краю, шапку с ссылками авторизации по левому, меню по центру. Аминь.