html - 第二行缩进与自定义 Sprite 对齐

Question

我使用 li:before 为列表制作了自定义图标。

li:before {
    display: inline-block;
    width: 16px;
    height: 13px;
    background: url(../img/sprites.png) no-repeat -85px -336px;
    content: " ";
    margin-right: 5px;
}

问题是当列表项分成两行时，第二行位于 Sprite 下方。如何使第二个缩进与上面的文本对齐？

谢谢!

Answer 1

最后发现 li 的绝对定位加上一点边距调整是最好的选择。