Je veux faire une liste non ordonnée à l'aide d'un seul Comment aligner 2nd ligne au centre?
J'ai créé jsfiddle ici ici http://jsfiddle.net/jitendravyas/jwhqq/ à tester < / p> ....
4 Réponses :
Créez le Li S Inline ... Vous n'avez pas à régler le flotteur: laissez
Mais je veux aussi utiliser float
Je crois que ce n'est pas possible. Float: Gauche les rendra alignées à gauche. Pourquoi voulez-vous qu'ils flottent quand même?
Est-ce que cela fait l'affaire?
J'ai fait les éléments en ligne Li au lieu de les faire flotter à gauche.
Alignez pour aligner les deux lignes de dans le centre, définissez les marges gauche et droite sur
auto : Affichage: Inline comme suggéré par Domanokz . Mais dans ce cas affichage sur inline-block :
Merci de pointer la perte de marge et de rembourrage. Cependant, je crains que l'inline-block ne fonctionne pas correctement dans IE5 et IE6, comme indiqué dans cet article: QuirksMode.org/css/display.html
@domanokz Oui, c'est vrai. Mais il n'ya pas d'autre moyen de garder les marges, cependant, les pavés doivent être préservés sur des éléments en ligne, mais mes tests rapides dans Firefox montrent que seul Padding-gauche - gauche et Padding-droite sont appliqué à Affichage: Inline . Dans ce cas, Line-hauteur Propriété sur pourrait être utilisé pour contrôler la manière dont les deux lignes sont de près. Bien que je ne sois pas sûr si cela fonctionne correctement dans IE5 et IE6.
Cela semble être la meilleure solution.
ul{ text-align:center;width:450px magin:0 auto}<br>
li{ display:inline;padding:15px}