[Résolu] Centrer des <li> flottants

Bonjour,

J'ai un menu sous forme de liste, où les <li> flottent à gauche (float: left;).
Y aurait-il moyen de centrer ces <li> dans le <ul> voire de centrer le <ul> ?

J'ai trouvé comme solution : appliquer un margin: 0 auto; ainsi qu'une taille au <ul>. Le problème est qu'il s'agit là du menu d'un blog (contenant les futures pages) et je ne sais pas à l'avance combien il 'mesurera'. Cela dépend du texte qui sera entré dans les <li> et du nombre de <li>.
Modifié par Sls (31 Jan 2012 - 18:33)

Bonjour,

Pour aligner les LI on utilisera display:inline (ou inline-block si besoin) plutôt que float.
Pour centrer les LI on utiliser un text-align:center sur le parent (UL).

Je vais tenter.

fvsch a écrit :
Pour aligner les LI on utilisera display:inline (ou inline-block si besoin) plutôt que float.

Peux-tu m'éclairer ? Pourquoi display: inline est-il plus adapté ?

Oops. Autant pour moi.

Le text-align, c'est mieux avec du display: inline

Merci !
Modifié par Sls (29 Jan 2012 - 16:54)