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

将图片设置为不重复的背景，用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;

}