图标和文本内联CSS问题

Question

哪里有ai的出了错这里

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

的形象是16像素X 16像素

应该dispplay absolutley在线与李文本，这样

[图]正文这里

但图像是关雎，

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

我没有测试它，但它应该工作。如果您愿意，您当然可以在UL上仍然有margin和/或padding - 这只是举例。