css - 换行后用伪元素填充

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/