填充底部，文本仅在列表中

Question

我的列表（ul）有自定义列表项标记。我想让li元素中的文本更高，但不是列表项标记。这，因为我觉得它看起来更好。

1是它今天的样子，2是我想要的样子。

我的代码：

ul.list-ok {
    font-size: 16px;
    list-style-image: url('img/ok-18.png');
}

    ul.list-ok li {
        padding: 0 0 10px 0;
    }

我如何实现我想要的目标？

Answer 1

这不是正确的方法，但这可以解决问题：Jsfiddle here

ul.list-ok li:before {
    position: relative;
    top: -6px;
    right: 8px;
    content: url('https://cdn1.iconfinder.com/data/icons/nuvola2/16x16/actions/camera_test.png');
}
ul.list-ok li {
    padding: 0 0 10px 0;
    list-style-type: none;
}