css - ランダムな高さの div の 2 つの繰り返し行をスペースなしでスタックする方法

Question

これには Drupal が関係しますが、実際には CSS に関する質問です。さまざまな量のコンテンツを持つデータベースからノードをプルしているため、それぞれ<article/>の高さは予測できません。しかし、オッズを左側に、偶数を右側に積み重ねる必要があります。基本的に、両側の各行の間にスペース（または24pxの下マージン）がないようにしたい. 私はこれのいくつかのバージョンを試しましたが<article/>、他の列を押し下げる背の高いものは常にあります。

現在のCSSは...

article {
   margin-bottom: 24px;
   background-color: #f6f6f8;
   width: 49%;
   display: inline-block;
   position: relative;
   vertical-align: top;

   /* for IE7 */
   zoom:1;
   *display:inline;
}

article.odd {
   float: left;
   clear: left;
}

article.even {
   margin-left: 18px;
}

これは可能ですか？