title: HTML/CSS - How to make div's fit each other
body: <p>I'm trying to make my div's fit each other like on pinterest.com. Right now my html/css is like this:</p>
  
  <pre><code>&lt;div id="content"&gt;
      &lt;div class="box"&gt;my content, which can be xx px heigh.&lt;/div&gt;
      &lt;div class="box"&gt;my content, which can be xx px heigh.&lt;/div&gt;
      &lt;div class="box"&gt;my content, which can be xx px heigh.&lt;/div&gt;
  &lt;/div&gt;
  
  #content{ float:left;width:1000px; }
  .box{
    margin: 10px;
    padding: 5px;
    width: 220px;
    float: left;
  }
  </code></pre>
  
  <p>.box can be whatever height the post is. So I want my div's to fit no matter what height it has. Just like pinterest.com :-)</p>