Mivel szépen oszlopokra bontjuk a tartalmat, a megjelenítést nem fogja befolyásolni az egyes postok magassága.

<div class="column">
  <div class="post">
    <p>Tartalom</p>
  </div>
  <div class="post">
    <p>Tartalom</p>
  </div>
</div>
<div class="column">
  <div class="post">
    <p>Tartalom</p>
  </div>
  <div class="post">
    <p>Tartalom</p>
  </div>
</div>

Oszlopokra bontjuk a tartalmat az előbbi példa szerint.

Ez szépen fog megjelenni a böngészőkben.

A divek CSS-e a következő:

  .post {
    background-color:#FFFFFF;
    overflow:hidden;
    border: 1px solid blue;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    margin-bottom:20px;
    padding: 0 1em;
  }
  .column {
    margin-right: 20px;
    float: left;
    width: 310px;
  }