内联显示无序列表，但保留子弹
我有一个无序列表的HTML文件。 我想水平显示列表项目，但仍然保持子弹。 无论我尝试什么，只要将样式设置为内联以满足水平要求，我就无法显示子弹。
我在其他答案中看到的最佳选择是使用float:left; 。 不幸的是，它在IE7中不起作用，这是这里的要求* - 你仍然失去了子弹。 我并不热衷于使用背景图片。
我会做什么，而不是（别人建议，因此自我回答）是手动添加• 到我的HTML，而不是样式。 这并不理想，但它是我找到的最兼容的选项。
编辑 ：*当前读者记下原始发布日期。 IE7不太可能成为一个问题了。
我有同样的问题，但只在Internet Explorer中（我测试版本7） - 不在Firefox 3或Safari 3中。使用：之前选择器适用于我：
ul.tabs li {
list-style: none;
float: left;
}
ul.tabs li:before {
content: 'ffed';
margin-right: 0.5em;
}
我在这里使用方形子弹，但一个正常的子弹 2022将工作相同。
您还可以在<li>元素上使用背景图像，并使用填充来防止文本重叠。
li {
background-image: url(i/bullet.gif) no-repeat center left;
padding-left: 20px;
display: inline;
}