Html 带有复选标记的无序列表列表样式位置在文本外部垂直左侧对齐

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

---

有人知道如何实现这一点吗？

下面的代码有助于您理解

请参阅此链接以获取勾号：

将代码粘贴到

li

的内容属性中以获得复选标记。

---

我希望这对你有帮助。请投票。

preco-do元素被视为与您的

li

文本在同一行，因此使用preco-do元素无法实现这一点，是否可以在每个

li

前面为您的复选标记添加

span

，一个解决方案（尽管不是最好的）是添加负边距（例如，

左边距：-1.2em；

）到伪元素的选择器。好的，古拉夫，你的代码工作得很好：）谢谢你用复选标记和到那个很棒的amp-what.com网站的链接来布置它还要感谢jasonlyvia和sbat——希望他们能让投票变得更加明显？？？我在任何地方都找不到任何选项按钮来投票？为什么？我一定没有足够的等级@TonyStates：答案旁边的向上和向下箭头。@TonyStates Hmmm好的，请看您的操作：）我更喜欢使用实体转换计算器，而不是实际检查：内容之前。嗨，古拉夫，我希望你能解释一下你使用的测量方法。我想我理解

左边距：-1em

但如何在

ul

元素上获得

右边距：.100em

和

文本缩进：2px

？

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

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