title: How do I align a sidebar to the left of the main content area?
body: <p>Hey all, so basically I have a very simple layout with a header image, a main centered text area. And a sidebar that is to the left of the main centered text area. 
  This is basically how my layout looks:</p>
  
  <pre><code>&lt;center&gt;Header&lt;/center&gt;
  &lt;div style="float:left;"&gt;Sidebar&lt;/div&gt;
  &lt;center&gt;Main Area&lt;/center&gt;
  </code></pre>
  
  <p>Well the sidebar is obviously going to align all the way to the left side of the page, what I would like it to do is still be on the left side of the page, but I want it to "hug" the main centered area.</p>
  
  <p>Here is a basic picture of what it looks like now, and an arrow of what I would like to happen:
  <a href="http://img18.imageshack.us/img18/2307/exampleps.jpg" rel="noreferrer">http://img18.imageshack.us/img18/2307/exampleps.jpg</a></p>