【css对齐】块内或者行内图片与文字居中对齐最靠谱的方式！

块内或者行内图片与文字居中对齐最靠谱的方式！

做图片与文字在一行的按钮时候最常用到，总结了一个靠谱的方法，终于可以完美的对齐下面给个代码

首先是html：

<p class="btnUp"><img src="img/icon_gas_72X72@2x.png"><span>下载云门APP</span></p>

再来看css：

.btnUp img{

  height: 72px;

}

.btnUp span{

  display: inline-block;

  height: 72px;

  line-height: 72px;

  vertical-align: top;

}

最后的效果图如下：