CSS: Как я могу центрировать горизонтальный список? Дисплей: Inline не работает

У меня возникают серьезные проблемы с тем, чтобы простейший код работал. Я хочу, чтобы мой горизонтальный список css был центрирован, что все.

Ссылка здесь: http://bit.ly/LtIBai

У меня есть этот код:

#megaMenu.megaMenuHorizontal ul.megaMenu {
text-align: center;
 }

#megaMenu.megaMenuHorizontal ul.megaMenu > li {
display: inline;
}

Но он не будет центрировать?

ПРИМЕЧАНИЕ. Окно должно быть размером "портретная книжка", чтобы увидеть код, на который я ссылаюсь. Приблизительно 800 пикселей в ширину, когда логотип центрирован, и меню переходит к следующей строке, но перед отображением мобильного меню.

Ответ 1