table布局实现图标和文字对齐

代码：
HTML：

<div class="close-btn">
    <div class="img-responsive">
        <img src="http://s1.mi.com/m/images/20151028/top-x.png">
    </div>
    <div class="close">关闭</div>
</div>

CSS：

          .close-btn {
            background: red;
            color: #fff;
            height: 45px;
            border-radius: 5px;
            text-align: center;
            display: table
        }

        .img-responsive,
        .close {
            display: table-cell;
            vertical-align: middle;
            margin-right: 5px;
        }

划重点：

• 父级display: table
• 子级display: table-cell&vertival-align: middle