带有复选标记的无序列表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

将代码粘贴到content属性中li以获取复选标记.我希望这能帮到您.请投票.