title: Is it possible to position divs beside eachother and center them?
body: <p>I'm dynamically generating more divs (of same size with same content), and I want them side by side and also center them.</p>
  
  <p>Example:
  Assuming there can be 4 divs on one line I want it do look this:</p>
  
  <p>1 div: <code>...[]...</code></p>
  
  <p>2 divs: <code>..[][]..</code></p>
  
  <p>3 divs: <code>.[][][].</code></p>
  
  <p>4 divs: <code>[][][][]</code></p>
  
  <p>5 divs:<br>
  <code>[][][][]<br>
  ...[]...</code></p>
  
  <p>Is this possible?</p>
  
  <p>I know you can put multiple div's in one line (and let them wrap) with <code>float:left</code> and an outer container with <code>width: 100%</code></p>
  
  <p>Test here: <a href="http://jsfiddle.net/Tyilo/cD7e3/1/" rel="nofollow">http://jsfiddle.net/Tyilo/cD7e3/1/</a></p>