图标与内容文字垂直对齐

 1.如果图标较小，可以使其高度为1ex(即字母x的高度)，由于字母x是一个标准居中的字母，所以图标与文字天然居中对齐。

.icon {
    display: inline-block;
    width: 20px;
    height: 1ex;
    background: url(arrow.png) no-repeat center;
}

2.如果图标较大，推荐使用vertical-align，将图标display设为inline-block，配合margin微调即可实现。

.icon {
    display: inline-block;
    vertical-align: middle;
    /*margin-top*/
}