如何将内嵌图像与文本对齐？
问题描述：
我有简单的div
<div class="ui-bar-a ui-corner-top">
first_test | Status: <img src="templates/style/images/reload.gif" />
</div>
<div class="ui-bar-a">
sms1 | Status: <img src="templates/style/images/reload.gif" />
</div>
<div class="ui-bar-a ui-corner-bottom">
sms2 | Status: <img src="templates/style/images/reload.gif" />
</div>
看起来像：
我需要它：
我试图设置 margin：auto align =middle，但它没有帮助
I tried to set margin:auto align="middle", but it did not help
答
试试
.ui-bar-a img{
vertical-align: middle;
}