title: Center aligning list of images
body: <p><img src="https://i.stack.imgur.com/952EI.png" alt="alt text">
  Can some CSS guru help me getting this layout.</p>
  
  <p>What I have here is </p>
  
  <pre><code>&lt;div class="movieList"&gt;  
  &lt;div class="image" selected = true&gt;  
   &lt;img class="poster" src="image1" selected = true/&gt;  
  &lt;/div&gt; 
   &lt;div class="image"&gt;   
  &lt;img class="poster" src="image1"/&gt;  
  &lt;/div&gt;  
  &lt;div class="image"&gt; 
    &lt;img class="poster" src="image2"/&gt;
   &lt;/div&gt; 
   .
   .
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Thanks</p>