如何垂直对齐img和h4？

Question

是否可以使用CSS对齐，因此文本将垂直居中于图像旁边？

<div><img class="paragraph-icon" src="images/desc.png" /><h4>Description</h4></div>

Answer 1

试试这个：

<div style="height=IMAGE_HEIGHT; line-height:IMAGE_HEIGHT">  
    <img class="paragraph-icon" src="images/desc.png" />
    <h4 style="display: inline;">Description</h4>  
</div>`

将IMAGE_HEIGHT替换为图像的高度（并且不要忘记添加'px;'），这应该使该div中的所有内容都垂直居中。

Answer 2

使用此

<div>
    <img class="paragraph-icon" src="images/desc.png" style="vertical-align: middle;">
    <h4 style="display: inline;">Description</h4>
</div>