换行后用伪元素填充

Padding after linebreak with pseudo element

我有一个分为两行的文本,它前面有一个伪元素 ::。当分成两行时,文本不会对齐,因为它与第一行中的伪元素对齐。 知道如何使文本对齐吗?enter image description here

解决此问题的几种方法:

  1. 为父元素的 100% 的伪元素创建一个 div,然后使用下一个内联子元素 div(高度 100%)作为文本。

  2. 使用 position:absolute 如下所示:

    li::before {
    position:absolute;
    top:0;
    left:0;
    padding-right: .3em;
    content: "\f00c";
    float: left;
    margin: 0 9px 0 0;
    

http://jsfiddle.net/1oauqvav/