Se débarrasser du marqueur d'élément de liste. Et la marge

Question

J'ai juste un HTML normal <ol>

Je dois me débarrasser de ce numéro.

Je sais que tu peux t'en débarrasser avec list-style-type: none; mais cela laisse une énorme marge à gauche de l'élément. Je dois me débarrasser des deux.

Quelqu'un sait comment ?

Ne pas utiliser de liste n'est pas une option.

Answer 1

Eh bien, tu as dit que tu voulais te débarrasser de la marge ... que dirais-tu de :

ol, li { margin: 0; padding: 0; list-style-type: none }

si vous ne voulez pas réinitialiser toutes les marges, vous devez au moins réinitialiser la marge gauche et le remplissage de l'OL et de ses LI pour obtenir le résultat souhaité :

ol, li { margin-left: 0; padding-left: 0; list-style-type: none }

Notez qu'avec une valeur de 0, les unités ne sont pas requises (c'est-à-dire 0px). Si votre objectif est de faire en sorte que les éléments soient alignés à gauche, et je pense que c'est le cas, vous devrez réinitialiser le padding comme je l'ai indiqué.

À titre d'information, si vous utilisez une réinitialisation CSS ( par exemple : http://meyerweb.com/eric/tools/css/reset/ ), vous devrez donner un style explicite aux choses. Non seulement vous obtiendrez une meilleure cohérence entre les navigateurs, mais vous apprendrez aussi pas mal de choses.

Answer 2

A <li> a une marge par défaut. Vous devez l'écraser.

li {
    margin-left:0;
}

Answer 3

Il devrait l'être :

ol {
    list-style-type : none;
    margin : 0px;
}

et :

li {
    list-style : none;
}

Answer 4

ol li
{ 
   list-style-type: none;
   margin-left: 0;
}