web-dev-qa-db-fra.com

Liste non ordonnée avec des coches style de liste-positions-extérieur Texte aligné verticalement à gauche

J'essaie d'avoir une liste non ordonnée avec des coches et que ma ligne de texte soit à gauche et que ma deuxième ligne de texte ne flotte pas à gauche et passe sous les coches.

Est-ce que quelqu'un sait comment faire fonctionner cela?

htmlcsshtml-lists
17
Tony States

Le code ci-dessous vous aide à comprendre. Voici une démo JSFiddle .

li:before
{
    content: '✔';   
    margin-left: -1em;
    margin-right: .100em;
}

ul
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
}

Référez-vous à ce lien pour obtenir la coche: http://amp-what.com/#q=check%20mark

Collez le code dans la propriété content de li pour obtenir la coche. J'espère que cela t'aidera. S'il vous plait, votez.

48
Gourav