html - 带有复选标记的无序列表 list-style-positions-outside 文本在左侧垂直对齐

Question

我试图有一个带有复选标记的无序列表，并将我的文本排在左边，而不是让我的第二行文本浮动到左边并在复选标记下方。

有谁知道如何使这项工作？

Answer 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以获取复选标记。我希望这能帮到您。请投票。