title: center div inside another div with absolute position
body: <p>I'm trying to get a div to be centered inside another div even as it resizes, </p>
  
  <p>and if more than one div with class <code>'inside'</code> is in the <code>'outside'</code> div, then they should go next to each other centered if there is enough room, otherwise slide beneath each other. </p>
  
  <p>The following works:</p>
  
  <pre><code>#outside {
   width: 100%;
   text-align:center
  }
  .inside {
   display: inline-block;
   width: 32%;
   margin: 0 auto;
  }
  </code></pre>
  
  <p>but I want the same effect where the <code>.inside</code> element has a <code>position:absolute</code></p>
  
  <p>is this possible?</p>
  
  <p>here's an example : <a href="http://jsfiddle.net/172on5sb/" rel="nofollow">http://jsfiddle.net/172on5sb/</a></p>