垂直对齐文本到基于项目符号的图形



请看这篇博文:http://www.nielsbrinch.com/managing-expectation-management/

我必须更改文本特征,以便将文本与基于项目符号的图形对齐。我想设置与文本其余部分相同的行高(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)

list-style-image: url(images/yellow-bullet.png);
不是

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

应该有效果吗?

最新更新