У меня есть 2 меню и изображение (формат вы можете увидеть в jFiddle). Я хочу центрировать меню. Да, я знаю, что обычно это просто, но я попробовал кучу обычных средств, которые включают поля, положение и отступы. Пожалуйста, помогите мне. Вы можете поиграть с jFiddle, воспользовавшись ссылкой ниже. Спасибо.
http://jsfiddle.net/7mXPy/1
Важный CSS
#nav3 {
width: 100%;
float: left;
margin: 0 0 1em 0;
padding: 0;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
text-align: center;
vertical-align: text-top;
}
#nav3 ul {
list-style: none;
width: 100%;
margin: 0 auto;
padding: 0;
}
#nav3 li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-left: 1px solid #ccc;
vertical-align: super;
margin: 10%;
}
Важный HTML

Подробнее здесь: https://stackoverflow.com/questions/170 ... -centering
Мобильная версия