CSS: Wie kann ich eine horizontale Liste zentrieren? Anzeige: Inline funktioniert nicht

Question

Ich habe große Probleme damit, die einfachsten Codes zu verwenden. Ich möchte, dass meine horizontale css-Liste zentriert ist, das ist alles.

Link-hier: http://bit.ly/LtIBai

Ich habe diesen Code:

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

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

Doch es wird Zentrum nicht?

HINWEIS: Das Fenster muss im "Tablet-Hochformat" sein, um den Code zu sehen, auf den ich mich beziehe. Ungefähr 800 Pixel breit, wenn das Logo zentriert ist und das Menü auf die nächste Zeile fällt, aber bevor das mobile Menü angezeigt wird.

Answer 1

Der Grund, warum sie sich weigern zu zentrieren ist, weil sie auch nach links schweben. Ändern Sie dislay: inline in display: inline-block; float: none und sie erscheinen zentriert.

Edit: Es gibt viel von (meist unnötig) CSS-Code drin, so dass Sie wahrscheinlich ein paar andere Dinge zwicken müssen, bevor es richtig aussieht, aber das Floating ist, was verursacht die Nicht-Zentrierung zumindest.