web-dev-qa-db-fra.com

Le type de style de liste CSS ne fonctionne pas

J'ai défini le list-style-type en CSS, mais pour une raison quelconque, il ne l'affiche pas.

body {
  margin: 0;
}
ol {
  list-style-type: decimal;
  padding-left: 0;
}
<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>
htmlcsshtml-lists
19
SeinopSys

En raison de la réinitialisation de votre remplissage, les chiffres sont en fait à gauche de la page. Essayez d'ajouter:

list-style-position: inside;
56
Niet the Dark Absol
display:list-item;
list-style-position:outside;

Cela peut poser problème si la liste display: l'attribut est défini sur autre chose que display:list-item;

17
Musaddiq Khan

Decimal est la valeur par défaut pour un "ol". Pas besoin de le déclarer. De plus, les chiffres sont juste tombés du côté de la page, c'est-à-dire invisibles. Ajustez votre rembourrage et supprimez la déclaration redondante. Voir ici

5
noel

Si rien de tout cela ne fonctionne, assurez-vous que vous n'avez pas d'éléments explicitement marqués comme bloc d'affichage à l'intérieur du LI. Cela m'est juste arrivé avec un H4 A réglé comme bloc à l'intérieur du LI. J'étais sur le point de démissionner ????

3
Loreena

supprimez simplement "display: block;" de votre élément li

1
talentedandrew