CSS使单行的文字和图片垂直居中对齐

【HTML】

<DIV class="line">

  <img src="icon.png">  some text

</DIV>

【CSS】

.line {

  height:30px;

  line-height:30px;  /*设置line-height和height一致，可以使行内的文本垂直居中对齐 */

}

.line * {

  verticle-align:middle;

}