一个按钮包含图标，文字时，大家有什么较好的写法？对齐问题是怎么解决的?
这是支付宝首页的，看了下源码使用的绝对定位：
我写的demo,使用 vertical-align: -2px ，慢慢调出来的
效果：

地址： http://jsfiddle.net/o6h0w8u5/
源码：

 <div class="ub-chat">
    <i></i>
    聊天
</div>

 body{
     background-color: #EFEFEF;
 }
.ub-chat{
    display: inline-block;
    border-radius: 3px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    color: #ff6230;
    width: 120px;
    font-size: 15px;
}
.ub-chat i{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url(http://sandbox.runjs.cn/uploads/rs/294/c4c2o6mh/[email protected]) no-repeat center center;
    background-size: 16px auto;
    margin-right: 4px;
    vertical-align: -2px;
}