title: Center two divs in the middle of a wrapper
body: <p>I have this CSS problem:</p>
  
  <pre><code>&lt;div id="wrap"&gt;
      &lt;div id="left"&gt;I am div 1&lt;/div&gt;
      &lt;div id="right"&gt;I am div 2&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am trying to make <strong>"I am div 1 I am div 2"</strong> center inside the wrap div. Not sure how to explain it. The design is only in percent, liquid design and I'm stuck.</p>
  
  <p>Any ideas?</p>