Css 使用伪元素在换行符后填充

我有一个分为两行的文本，前面有一个伪元素：：。当断开为两行时，文本不会对齐，因为它与第一行中的伪元素对齐。

---

知道如何使文本对齐吗？

有几种方法可以解决这个问题：

为父元素的100%的伪元素创建一个div，然后为文本使用下一个内联子div（高度100%）

使用位置：绝对，如下所示：

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

---

寻求代码帮助的问题必须包含在问题中重现代码所需的最短代码。你能在这里发布一个JSFIDLE或者至少你当前的HTML和CSS来让我们调试它吗？