css样式问题

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;}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容