图标和文本内联css问题

Question

我在哪里错了

ul.bullet { list-style-image:url('../images/bullet-blue-icon.png');vertical-align:middle;line-height:16px; }
ul.bullet li { line-height:16px;font-size:14px;}

图像为16px x 16px

应该废除absolutley内联li文本，就像这样

[image] text here

但是图像偏离了公鸡，

Answer 1

尝试将背景图片设置为LI，而不是UL。然后设置图像的背景位置。

有些事情：

ul{
list-style:none;
padding:0;
margin:0;
}

ul li{
background:url(image/path.png) left center no-repeat;
padding-left:20px;
}

我没有测试过，但它应该可行。当然，如果您愿意，您仍然可以在margin上padding和/或UL - 这仅用于示例。