Как выровнять ячейки таблицы так, чтобы они шли друг за другом?

Question

[neoneel]

Есть макет страницы, который должен выглядеть так
но при верстке столкнулся с проблемой, что так сделать достаточно не просто и в итоге получается вот так

css:
div.item > p.readmore > a{
width: 400px !important;
position: absolute;
color: #fff;
text-align: center;
padding: 5px;
background: #8fc9e6;
border-radius: 3px;
}
.column-1, .column-2, .column-3, .column-4, .column-5{
margin: 30px;
margin-left: 40px;
display: inline-table;
width: 400px !important;
}
div.item>h2{
text-align: center;
}
.item>p{
text-align: justify;
}



как сделать чтобы эти блоки встали как на макете?

Answer 1

[Александр Таратин]

w3bits.com/css-masonry

Comments

[neoneel]

спасибо, то что нужно