title: Aligning an img left in a div tag?
body: <p>EDIT: This might make more sense, check this image. <a href="http://puu.sh/rt8M" rel="nofollow">http://puu.sh/rt8M</a>
  The image just goes through the padding. I want the title div to expand vertically to accommodate the image. While keeping the text centered and the center of the image should intersect the line the text is on.</p>
  
  <hr>
  
  <hr>
  
  <p>I want to align an img to the left (and then another after the text to the right). I've tried various properties but none seem to do it right. Can anyone help?</p>
  
  <p>To clarify, I want the image against the left side of the screen or browser window. The div stretches from the left to the right of screen, as you would expect of a header/title div.</p>
  
  <p>Float;left seems to make the img drop out of the div tag. I should mention there is a text-align:center; property on the  tag. But it doesn't fix the problem when removed so I'm not sure it's that.</p>
  
  <p>The HTML</p>
  
  <pre><code>&lt;div id="header"&gt;
      &lt;div id="title"&gt;
      &lt;h1&gt;
      &lt;img class="logo" src="images/logo.png" alt="" width="86" height="98" /&gt;
      &lt;a href="index.html"&gt;Page Header Title&lt;/a&gt;
      &lt;/h1&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>