title: How to align an image side by side with a heading element?
body: <p>below is my code:</p>
  
  <pre><code>&lt;div&gt;&lt;img src="images/ConfigIcon.png"/&gt;&lt;h1&gt;System Configuration&lt;/h1&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I want to make the image appear beside my h1 header. But what I get is that the image is always at top of my header. Any ideas?</p>