使用自定义项目符号时缩进衣衫褴褛的li

Question

我正在尝试使用自定义项目符号时缩进不合适的li行，但是我在网上找到的任何减去'text-indent'解决方案都没有用 - 除非我遗漏了什么。

有人可以查看下面的代码并告诉我需要添加什么来缩进不合适的li行吗？

.list-icon-pros {
    list-style: none;
    padding-left: 0;
}
.list-icon-pros li:before {    
    font-family: FontAwesome;
    color: #B3B300;
    padding-right: 10px;
    content: "\f00c";
}

Answer 1

您可以为伪元素添加负边距，也可以使用position: absolute。

绝对位置：http://jsfiddle.net/ZwYyL/6/

.list-icon-pros {
    list-style: none;
    padding-left: 20px;
    position: relative;
}
.list-icon-pros li:before {
    font-family: FontAwesome;
    color: #B3B300;
    content:"\f00c";
    position: absolute;
    left: 0;
}

负边距：http://jsfiddle.net/ZwYyL/5/

.list-icon-pros {
    list-style: none;
    padding-left: 22px;
}
.list-icon-pros li:before {
    font-family: FontAwesome;
    color: #B3B300;
    content:"\f00c";
    margin:0 5px 0 -22px;
}