1. css 樣式
1-1. 插入不同大小圖標(biāo)后面字體不同下沉位
html：
<div class="user-info clearfix">
<span class="pull-left"><i class="icon_user"></i> 美膩的坑隊友狂魔
</span>
<span class="pull-right"><i class="icon_tip"></i> 預(yù)覽要求</span>
</div>
css：
.icon_user,.icon_tip{background: url('../images/icon.png') no-repeat; display:inline-block; position:relative; top:3px;}
.icon_user{width:22px; height:22px; background-position:-31px -348px; top:5px;}
.icon_tip{width:14px; height: 14px; background-position:-31px -5px ;}
解決（不是特別友好）：
.templet_container .user-info .pull-left{position: relative; top:-2px;}