title: HTML/CSS display inline not working
body: <p>I am trying to have an image and a h1 element on the same line. I have looked this up and tried to use <code>display:inline;</code> for both the parent div element as well as both of the elements.</p>
  
  <p>This is what I have so far</p>
  
  <pre><code>&lt;div style="display:inline;"&gt;
      &lt;a class="blur" href="#"&gt;&lt;img style="margin-top:6px;display:inline;margin-left:1320px;" src="images/gmail.png"&gt;&lt;/a&gt;
      &lt;h1 style="margin-top:6px;display:inline;margin-left:1220px;font-size:20px;color:white;font-style:italic;"&gt;Mail Us&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This displays the image on the line I want, but the h1 element under it.</p>
  
  <p>What I want to accomplish is both of these elements on the same line.</p>