Discussion :

[munity]

bonjour

j'essaie en vain de centrer une liste sur une page web
voici mon code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<ol class="liste1">
            <li >Apprentissage et transmission</li>
            <li >Art et ouvrage</li>
            <li >Culture</li>
            <li >Arts associés</li>
        </ol>

et voici mon code CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.liste1{
  display : inline-block;
  margin :auto;
  text-align:center;
}

Le texte va vien se centrer par contre les numéros restent à gauche

aurai je oublié quelque chose ou mal parametrer mon css

merci d'avance pour votre retour

david

[mathieu]

vous pouvez faire cela en ajoutant list-style-position : inside;.
https://developer.mozilla.org/fr/doc...style-position