Css 当项目符号有背景时，如何缩进列表中的第二行？

我有一个无序的列表，其中的子弹是用字体、背景和边界半径创建的

我希望第二行文本在第一行下方对齐，而不是在项目符号下方

li::before {
    display: table-cell;
    padding-right: .3em;
    content: "\f00c";
    float: left;
    margin: 0 9px 0 0;
    font: 10px 'FontAwesome';
    width: 20px;
    height: 20px;
    position: relative;
    background: #3498db;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    color: #FFF;
}

不知何故，

float:left

似乎与

display:table cell

存在“冲突”

---

有什么办法让它发挥作用吗？->

对于

：在
之前使用
位置：绝对
，对于
使用
左侧填充

li {
    position:relative;
    padding-left:32px;
}

li::before{
    position:absolute;
    top:0;
    left:0;
}

对于
：在
之前使用
位置：绝对
，对于

li {
    position:relative;
    padding-left:32px;
}

li::before{
    position:absolute;
    top:0;
    left:0;
}

对于
：在
之前使用
位置：绝对
，对于

li {
    position:relative;
    padding-left:32px;
}

li::before{
    position:absolute;
    top:0;
    left:0;
}

对于
：在
之前使用
位置：绝对
，对于

li {
    position:relative;
    padding-left:32px;
}

li::before{
    position:absolute;
    top:0;
    left:0;
}

对于
使用
位置：绝对
：在
之前和
填充左
，但不要使用
左
或
顶
。用边距代替

对于
使用
位置：绝对
：在
之前和
填充左
，但不要使用
左
或
顶
。用边距代替

对于
使用
位置：绝对
：在
之前和
填充左
，但不要使用
左
或
顶
。用边距代替

对于
使用
位置：绝对
：在
之前和
填充左
，但不要使用
左
或
顶
。用边距代替

如果您使用的是
left
，则项目符号将粘在父容器上，而不是列表项上。不，伪元素是li的子元素，请尝试在您的小提琴中增加
li
的左侧填充-项目符号将留在左侧。耶，因为填充是li的一部分。伙计们。。。谢谢你的快速回答。请不要用CSS子弹自杀：）如果你在使用
left
的话，子弹会粘在父容器上，而不是列表项上。不，伪元素是li的子元素，请尝试增加
左填充
，因为
li
本身在你的小提琴中-子弹停留在左侧。Ye，因为填充是李的一部分。伙计们。。。谢谢你的快速回答。请不要用CSS子弹自杀：）如果你在使用
left
的话，子弹会粘在父容器上，而不是列表项上。不，伪元素是li的子元素，请尝试增加
左填充
，因为
li
本身在你的小提琴中-子弹停留在左侧。Ye，因为填充是李的一部分。伙计们。。。谢谢你的快速回答。请不要用CSS子弹自杀：）如果你在使用
left
的话，子弹会粘在父容器上，而不是列表项上。不，伪元素是li的子元素，请尝试增加
左填充
，因为
li
本身在你的小提琴中-子弹停留在左侧。Ye，因为填充是李的一部分。伙计们。。。谢谢你的快速回答。请不要用CSS项目符号自杀：）“但不要用左边或上面，而是用边距。”这是什么？请阅读CSS手册：）您不了解定位元素的原理。这是非常悲哀的。这是你的观点。“但不要使用左边或上面。而是使用边距。”这是什么？请阅读CSS手册：）您不了解定位元素的原理。这是非常悲哀的。这是你的观点。“但不要使用左边或上面。而是使用边距。”这是什么？请阅读CSS手册：）您不了解定位元素的原理。这是非常悲哀的。这是你的观点。“但不要使用左边或上面。而是使用边距。”这是什么？请阅读CSS手册：）您不了解定位元素的原理。这很可悲，这是你的看法。