title: Centering floated divs
body: <p>I have two divs with center content in them, and I cant get said divs to align center within their parent container. I have tried</p>
  
  <pre><code>#section_4{
      text-align: center;
      padding-bottom: 2em;
      padding-top: 6em;
  
      #left_half, #right_half{
          margin: 0 auto;
          display: inline-block;
          padding: none;
  
      }
  </code></pre>
  
  <p>}</p>
  
  <p>But that just pushes the right one to the right and leaves a gap in the middle.</p>
  
  <p><a href="http://jsfiddle.net/hL2g1p9t/" rel="nofollow">http://jsfiddle.net/hL2g1p9t/</a></p>