title: How do I center image links on same line?
body: <p>My goal is to align three links on the same line and center them. I thought this was the way to do it, but it's not working. What am I doing wrong?</p>
  
  <p>The CSS</p>
  
  <pre><code>.links_wrapper {
      margin:auto;
  }
  .home_links {
      float: left;
  }
  </code></pre>
  
  <p>The HTML</p>
  
  <pre><code>&lt;div class="links_wrapper"&gt;
      &lt;div class="home_links"&gt;
          &lt;a href="#"&gt;&lt;img src="#"/&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="home_links"&gt;
          &lt;a href="#"&gt;&lt;img src="#"/&gt;&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="home_links"&gt;
          &lt;a href="#"&gt;&lt;img src="#"/&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>