title: Center two css divs with variable width in a div with fixed with
body: <p>I am trying now since hours, nothing helps.
  Just simple:
  I have two divs with variable (dynamic) width.
  Both should be side by side in a wrapper div, that has a fixed width.
  Everything I try: I see leftDiv and rightDiv either floating to the left or centered, but div2 under div1.... Thanks a lot.</p>
  
  <pre><code>&lt;div class='wrapper'&gt;
     &lt;div class='innerWrapper'&gt;
        &lt;div class='leftDiv'&gt;
        &lt;/div&gt;
        &lt;div class='rightDiv'&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What is the correct css? The problem is, that it does not work to give the innerWrapper automatically the width of both divs (leftDiv and rightDiv...)...</p>
  
  <p>I tried:</p>
  
  <pre><code>.wrapper {
      width: 600px;
      text-align: center;
  }
  
  .innerWrapper {
      width: auto;
  }
  
  .leftDiv {
      display: inline-block;
  }
  
  .rightDiv {
      display: inline-block;
  }
  </code></pre>