html - Lista desordenada con marcas de verificación lista-estilo-posiciones-fuera Texto alineado verticalmente a la izquierda

css html-lists

Question

Estoy tratando de tener una lista desordenada con marcas de verificación y mi texto se alinea en la izquierda y no tengo mi segunda línea de texto flotando a la izquierda y bajo las marcas de verificación.

¿Alguien sabe cómo hacer que esto funcione?

Answer 1

El siguiente código le ayuda a comprender. Aquí hay una demo de JSFiddle .

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

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

Consulte este enlace para obtener la marca de verificación: http://amp-what.com/#q=check%20mark

Pegue el código en la propiedad de contenido de li para obtener la marca de verificación. Espero que esto ayude. Por favor vota.