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

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

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

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

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

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

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

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

Ответы

Ответ 1

Причина, по которой они отказываются от центра, состоит в том, что они также перемещаются влево. Измените dislay: inline на display: inline-block; float: none, и они выглядят по центру.

Изменить: там много (в основном ненужных) CSS-кода, поэтому вам, вероятно, придется подстроить несколько других вещей, прежде чем он будет выглядеть правильно, но плавающий - это то, что вызывает нецелевое по крайней мере.