如何使用图标字体缩进列表元素中第二行的文本

Question

我使用图标字体作为列表样式元素：

.desc.std li:before {
  content: '\e81e';
  font-family: 'icons';
  width: .6em;
}

但是当文本中断到第二行时，我没有文本缩进。

任何人都可以告诉我，我如何能够缩小第二行和以下行？

Answer 1

如果适用于您的情况，这是一个可能的解决方案：

<强> CSS

li {
    position: relative;
    padding: 0 0 0 20px;
}

li:before {
    content: '\e81e';
    position: absolute;
    left: 0px;
    font-family: 'icons';
}

<强>演示

Try before buy