模拟出在文字前边插入图片效果

将图片设置为不重复的背景，用padding和text-indent等方式定义文字内容距父块左上角的位置。好处是定位更加精确。

例子：

如此图  图片是个小手机



实现CSS代码：

#nav span

{
float:right;
background: url(../images/phone_icon.gif) 0 2px no-repeat;
font:bold 11px/16px Arial,Helvetica,sans-serif;
color:#C89601;
background-color: inherit;
width: 70px;
padding:2px 0 0 12px;

}