css - 如何将图像底部对齐到 h1？

Question

我试图将图像底部对齐到 h1 文本，但我没有达到预期的结果。我尝试添加两个 div 并对齐它们，但效果不佳，现在我尝试对齐一个跨度，但我也没有得到想要的结果。

<div id="formheader">
        <div id="formlogo"> <img src="../../Pictures/EditIcon.gif" width="17" height="20" alt="login logo"> </div>
        <div id="formtitle"> <span> <img src="../../Pictures/EditIcon.gif" width="17" height="20" alt="login logo">Editor</span> </div>
      </div>

关于如何将图像与文本对齐的任何提示？我不得不从 h1 更改为 span，因为它不会像 h1 一样对齐。

Answer 1

这样写:

img{
 vertical-align:bottom;
}