Нужна помощь

Всем удачного дня. Не знаю, есть ли здесь человек, который знает как решить проблему, но все же попробую спросить. Проблема заключается в том, что нужно выстраивать блоки по двое одним за другим, но так, чтобы блоки имея разную величину выстраивались одним за другим сразу , а не отрывая пол экрана (см. первый скрин) аналогично как на сервисе https://www.pinterest.com/ (или кто не знаком, см. второй скрин)
Добавлено 19.06.15 в 11:15:44:
Первый
Добавлено 19.06.15 в 11:22:44:
One
Добавлено 19.06.15 в 11:24:52:
Вот первый
Добавлено 19.06.15 в 11:46:23:
Первый скрин: http://spaces.ru/pictures/?r=main/view&Read=100108483&name=Inaztm

Второй: http://spaces.ru/pictures/?r=main/view&Read=100108787&name=Inaztm

display:inline-block;

Кидорас, ты меня не правильно понял. У меня и так inline-block, но сам блок подстраиваться под следующий , а мне надо чтоб если высота блоков разная , то они подостраивались под нижние

vertical-align?

Кидорас, тоже не то, посмотри вот второй скрин и думаю ты увидишь проблему
http://spaces.ru/pictures/?r=main/view&Read=100110105&name=Inaztm (второй скрин это продолжение первого).

Изм. 1 раз. / Посл. изм.

Inaztm 0.02

(19 июн 2015, 12:26)

Ссылка на сайт? Локалка? Порты открыты? Дай ip. Или же кидай код.

<table cellpadding="0" cellspacing="0" style="width: 100%;">
<tr>
<td style="width: 50%;">
Первое поле
</td>
<td style="width: 50%;">
Второе поле
</td>
</tr>
</table>

Кидорас, На локалке. код простой:

<style>
.t { display: inline-block; width: 50%; vertical-align: top; padding: 10px; }
</style>
<?
for($i=1; $i <= 10; $i++){
?><div class="t"><!-- this content --!></div><?
}
?>

Изм. 2 раз. / Посл. изм.

Inaztm 0.02

(19 июн 2015, 12:53)

Кот, тоже самое, блоки имея разную величину образуют большой разрыв (пустое место) , знаю что есть плагины на jquery, но ищю способ попроще

Inaztm, если указать рамки, то нет.