Центрирование кнопок CSS HTML ⇐ CSS

[Anonymous]

Я провел массу исследований по этому поводу и не нашел ответа, как это исправить. Давайте начнем.

У меня есть 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

• Home
• Logout
• Login
• Signup

• XBOX360
• XBOX1
• PS3
• PS4

Подробнее здесь: https://stackoverflow.com/questions/170 ... -centering