css - 如何垂直对齐 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 中的所有内容垂直居中。