title: How do I left align a div
body: <p>I would like some help with left aligning the content on the site I am working on. I have a menu on the left hand side and I need a content div to site adjacent to this menu.</p>
  <p>In my CSS I currently have the following AND The HTML Looks like this:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>    #pageContent_wrapper {
          width:100%;
          
      }
      #container {
          width:940px;
          height:100%;
          margin: 0 auto;
      }
  
      .page-content {
          float:left;
          padding: 30px 0;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div id="pageContent_wrapper"&gt;
          &lt;div id="container"&gt;
             &lt;div class="page-content"&gt;
                &lt;p&gt;Content goes Here&lt;/p&gt;
             &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>This doesn't work though. Essentially I am trying to left align a div with the main content in it.</p>