Javascript ul li第二行文字在使用li后未正确对齐：之前

这是一个常见的问题，但似乎我无法解决它。我试图寻找答案，但仍然没有解决我的问题

我有一个保险单。li设置为list style:none，我使用li:before放置自定义项目符号

我面临的问题是，当容器很小时，第二行文本与上面的文本不对齐

我想达到与上图相同的效果。 我怎样才能完全对齐第二行文本

谢谢你的帮助

编辑：

这是我的示例代码

尝试设置

位置：绝对用于您的
：在
伪类之前。这将允许您在不影响元素中文本的情况下，将项目符号放置在任何位置。
下面是一个使用
+
作为项目符号的工作示例。根据要用于项目符号的字符，可能需要调整负文本缩进


ul{
列表样式：无；
左边距：0；
左：1米；
文本缩进：-0.825em；
}
李：以前{
内容：“+”；
}

学识：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智ipsum
学识：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智：益智ipsum
你能发布你的代码吗？
This is my sample code from <a href="http://jsfiddle.net/bo1nvxop/">jsfiddle</a>