title: Centering floated images in div
body: <p>I'm trying to center floated images on my page, but I can't get it to work. Here is my code</p>
  
  <pre><code>.imcontainer {
      text-align:center;
      display:inline-block;
  }.float {
      float: left;
      font-size: small;
      height: auto;
      margin: 5px 7px 0 3px;
      width: auto;
  }
  </code></pre>
  
  <h3>HTML</h3>
  
  <pre><code>&lt;div class="imcontainer"&gt;
      &lt;div class="float"&gt;&lt;img width="70px" height="70px" src="image.jpg"&gt;&lt;/div&gt;
      &lt;div class="float"&gt;&lt;img width="70px" height="70px" src="image.jpg"&gt;&lt;/div&gt;
      &lt;div class="float"&gt;&lt;img width="70px" height="70px" src="image.jpg"&gt;&lt;/div&gt;
      &lt;div class="float"&gt;&lt;img width="70px" height="70px" src="image.jpg"&gt;&lt;/div&gt;
      &lt;div class="float"&gt;&lt;img width="70px" height="70px" src="image.jpg"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I fix this problem?</p>