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

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

 未选

已选

已购

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

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