Css 将文本与基于图形的项目符号垂直对齐

请参阅此博客文章中的项目符号：

我不得不更改为文本特征，以便将文本与基于图形的项目符号对齐。我想将行高（25）设置为与文本的其余部分相同，但必须将其设置为15，以便与橙色项目符号的对齐正确

以下是项目符号的组合样式

.post ul li {
    background: url(images/yellow-bullet.png) no-repeat 0px 4px;
    padding-left: 15px;
    font-family: Tahoma;
    line-height: 15px;
    font-size: 11pt;
    padding-top: -12px;
    margin-bottom: 10px;
    margin-left: 10px;
}

问题：如何确保文本与项目符号正确对齐，同时保留对文本特征的完全控制

（我只想通过更改样式来实现这一点，请不要建议我更改html结构，例如在li标记中包含div）

而不是

background: url(images/yellow-bullet.png) no-repeat 0px 4px;

---

应该这样做吗？

发布一个JSFIDLE，我们可以帮助您进行调试。我以前从未使用过它，但它似乎有效：怪异。什么是“100%对齐”？你能贴一张你想要什么的图片吗？顺便说一下，不允许使用负填充；）文本当前在项目符号上方对齐一到两个像素。是的，这是因为您的图像比文本小。由于您不能指定项目符号的垂直对齐，您可以解决在图像底部添加透明空间的问题？再多的边距、填充或定位都不能解决这个问题？我不相信有一种方法可以独立控制子弹的定位。基于HTML的项目符号是基于行高度的中心对齐的（我想）。图形化的。。。看来你要自己定位他们了。MadTheCat关于增加透明空间的建议似乎是合适的。

background: url(images/yellow-bullet.png) no-repeat 0px 4px;