CSS: come posso centrare un elenco orizzontale? Display: Inline not working

Question

Ho grossi problemi nel far funzionare il più semplice dei codici. Voglio che la mia lista orizzontale css sia centrata, tutto qui.

link qui: http://bit.ly/LtIBai

ho questo codice:

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

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

Eppure non sarà centrare?

NOTA: la finestra deve essere in formato "tablet portrait" per visualizzare il codice a cui mi riferisco. Largo circa 800 px, quando il logo è centrato e il menu scende alla riga successiva, ma prima che appaia il menu mobile.

Answer 1

La ragione per cui rifiutano di centrare è perché sono anche fluttuanti a sinistra. Cambia dislay: inline a display: inline-block; float: none e appaiono centrati.

Edit: C'è un sacco di codice CSS (per lo più inutili) in là in modo probabilmente avrete bisogno di modificare alcune altre cose prima che guarda a destra, ma il flottante è ciò che sta causando il non-centraggio almeno.