1. css 样式
1-1. 插入不同大小图标后面字体不同下沉位
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> 预览要求</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;}