css - 画像をh1に下揃えする方法は？

Question

画像をh1テキストに下揃えしようとしていますが、目的の結果が得られません。2つの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として整列しないため、h1からspanに変更する必要がありました。

Answer 1

このように書いてください：

img{
 vertical-align:bottom;
}