【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;
}


最后的效果图如下：