html使用icon 并使图片和文字垂直居中

 .icon
  {
  width:20px;
  height:20px;
  background:url("images/1.png");
  display:inline-block;
  vertical-align:middle;
  }

 <span class="spitem"><span class="icon s1"></span>未选</span>

<span class="spitem"><span class="icon s2"></span>已选</span>

<span class="spitem"><span class="icon s3"></span>已购</span>

vertial-align:middle;让文字与图片居中显示

display:inline-block;让span变为实体。