Comment faire pour aligner des éléments de liste lorsque la liste non ordonnée est centrée sur la page

Question

J'ai une div qui contient une liste non ordonnée avec plusieurs éléments de liste. J'utilise ie6 et j'essaie fondamentalement de centrer la liste non ordonnée sur l'écran mais en même temps je veux aligner le texte actuel de la liste sur la gauche.

Pour l'instant, j'ai ma liste non ordonnée dans les balises centrales, qui a centré la liste mais j'aimerais maintenant aligner le texte actuel de l'élément de liste.

Quelqu'un peut-il aider parce que je suis incapable de quitter l'alignement du texte maintenant?

Merci.

Answer 1

Vous devez centrer le document contenant div, pas le document entier.

div#theID { 
    margin: 0 auto; /* auto margins will center */ 
    width: 200px; /* needs a set width, for auto-margins */ 
} 

Dans le cas IE 6 n'aime pas, vous pouvez ajouter une solution comme ce

body { 
    text-align: center; 
} 

div#theId { 
    text-align: left; 
}