Question

查看此博客文章中的项目符号： 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）

Answer 1

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

而不是

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

应该做什么？

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

1 个答案: