html - 使用自定义项目符号时缩进参差不齐的 li

Question

我正在尝试在使用自定义项目符号时缩进参差不齐的 li 行，但是我在网上找到的任何减号“文本缩进”解决方案都不起作用——除非我遗漏了一些东西。

有人可以看看下面的代码并告诉我需要添加到缩进参差不齐的 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;
}