title: Images centered inside a Div with CSS
body: <p>Hi have a div that's wrapping images..The width of this DIV can change so I've set it to 100%</p>
  
  <pre><code>&lt;div id="wrapperDiv"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Inside I have images/thumbnails floated to the left with a margin or the right and bottom of the image.</p>
  
  <pre><code>margin:0 10px 10px auto;
  </code></pre>
  
  <p>Depending on the window of the wrapper div sometimes I fit 10 thumbnail images per row and sometimes less.</p>
  
  <p>I need the images to be centered so that the space in the left and right is the same.</p>
  
  <p>Have can I do this with CSS?</p>