title: Grid divs without blanks
body: <p>I'm making a grid Wordpress theme with divs. But after three divs, there is a blank before the forth appears. This is due to the different heights. How can I make the divs so there is no blank area? You can see a preview of how it looks <a href="http://inmyownview.com" rel="nofollow">here</a>. </p>
  
  <p>The css is: </p>
  
  <pre><code>#wrapper #frontpage .box {
      float: left;
      position: relative;
      top: 0;
      width: 380px;
      margin-right: 30px;
      margin-bottom: 30px;
      font: 100 12.5px 'Helvetica';
      line-height: 18px;
      color: #3a3a3a;
      background: #f1f1f1;
  }#wrapper #frontpage .box:nth-child(3n+3) {
      margin-right: 0;
  }
  </code></pre>
  
  <p>The html is a query of nine posts. </p>
  
  <pre><code>&lt;div class="box"&gt;
      Content here
  &lt;/div&gt;
  </code></pre>