如何将图像底部对齐到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;
}