html - divブロックをグリッドに整列させる方法は?

Question

DIVいくつかのデータを持つブロックが必要です。コンテンツが異なるため、ブロックの高さは可変です。div ブロックを 2 つずつ揃える必要があります。ブロックの高さが異なるため、「空きスペース」が残っています。これらのブロックを正しく整列させるにはどうすればよいですか? データは JSON リクエストから取得されるため、テーブルの作成は次のように思われます。あなたは何をお勧めします？

CSS:

.book-details{
              float:left;
              display:block;
              border-style:solid;
              border-width:1px;
              padding: 2px 2px 2px 2px;
              border-color:gray;
              width: 450px;
              display: table;
}

写真: