使用伪元素换行后填充

Question

我有一个文本分成两行，前面有一个伪元素::当分成两行时，文本不对齐，因为它与第一行中的伪元素对齐。 任何想法如何使文本对齐？enter image description here

Answer 1

有几种解决方法：

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/