使用字体可怕的图标作为项目符号，并使用单个列表项元素

Question

<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

我意识到我们可以使用背景图像的后退，但如果可能的话，使用字体Awesome将是很好的。

Answer 1

解决方案：

http://jsfiddle.net/vr2hp/

ul li:before {    
    font-family: 'FontAwesome';
    content: '\f067';
    margin:0 5px 0 -15px;
    color: #f00;
}

这里有一篇博客文章深入解释了这种技术。