title: Getting an image to display on the same line as my header
body: <p>I'm trying to get my header and image to line up exactly on the same line but am having difficulties. Can anyone see why/suggest a fix?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  #header img {
    position: relative;
    width: 75px;
    height: 75px;
  }
  #header h1 {
    color: white;
      float: left;
    background-color:#006890;
    font: 75px arial, sans-serif;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div id="header"&gt;
  &lt;h1&gt;Header&lt;/h1&gt;
    &lt;img src="2000px-Smiley.svg.png" alt="Smiley Face" &gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>