title: CSS styling - how to put these two div boxes adjacent
body: <p>I have two divs inside a div, I want them both adjacent to each other with a margin of 10px or so separating them but instead they appear one above the other.</p>
  
  <pre><code> &lt;div&gt;
       &lt;div class="post" id="fact"&gt;
      &lt;/div&gt;
  
      &lt;div class="post" id="sortbar"&gt;
      &lt;/div&gt;
  
   &lt;/div&gt;   
  </code></pre>
  
  <p>Here is my styling:</p>
  
  <pre><code> #fact{width:200px; margin-left:auto; margin-right:auto;} #sortbar{margin-left:auto; margin-right:auto;}
  </code></pre>
  
  <p>The whole code is within a div container wrapper with these properties:</p>
  
  <pre><code> #wrapper {
   float:left;
  margin-top:10px;
   width:728px;
   }
  </code></pre>