Html 填充底部，仅列表中的文本

我的列表有自定义列表项标记（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;
    }

---

如何实现我的目标？

这不是正确的方法，但这可以实现以下目的：

---

请看

vertical align

来说明Sanuel Jackson所说的：vertical align没有帮助，下面是一些很好的答案。。。但使用背景图像要灵活得多：

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;
}