title: how to bottom align an image to a h1?
body: <p>I am trying to bottom align an image to a h1 text, but I am not achieving the desired results.
  I tried adding two divs and align them that did not work well, now I am trying to align a span but I am not getting the desired result as well.</p>
  
  <pre><code>&lt;div id="formheader"&gt;
          &lt;div id="formlogo"&gt; &lt;img src="../../Pictures/EditIcon.gif" width="17" height="20" alt="login logo"&gt; &lt;/div&gt;
          &lt;div id="formtitle"&gt; &lt;span&gt; &lt;img src="../../Pictures/EditIcon.gif" width="17" height="20" alt="login logo"&gt;Editor&lt;/span&gt; &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/Ltzqs.png" alt="aligning issue"></p>
  
  <p>Any tips on how to align images with text? I had to change from h1 to span because it would not align as h1.</p>