Unordered List с флажками list-style-position-outside Текст выравнивается слева по вертикали

Я пытаюсь иметь неупорядоченный список с отметками-маркерами и оставляю свою текстовую строку слева и не оставляю вторую строку текста с плавающей точкой слева и подпадает под отметки.

Кто-нибудь знает, как сделать эту работу?

Ответ 1

Этот код помогает вам понять. Здесь представлена демонстрация JSFiddle.

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

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

Обратитесь к этой ссылке, чтобы получить отметку: http://amp-what.com/#q=check%20mark

Вставьте код в свойстве содержимого li, чтобы получить галочку. Я надеюсь, что это поможет вам. Пожалуйста, проголосуйте.