jQuery Масонство, добавляющее дополнительное пространство между двумя элементами

Question

Я использую jQuery Masonry и не работает нормально. Он не упорядочивает элементы так, как должен. Вот несколько скриншотов, чтобы продемонстрировать проблему.

код CSS:

#cont { 
width:100%; 
height:0 auto; 
min-height:670px; 
padding:15px 15px; 
} 
#cont .item { 
display:block; 
width:auto; 
padding:10px; 
border-radius:2px 2px 2px; 
background:#fff; 
border:1px solid #ddd; 
float:left; 
margin:5px; 
} 

JQuery Код:

$('#cont').masonry({ 
     itemSelector: '.item' 
}).imagesLoaded(function() { 
    $('#cont').masonry('reload'); 
}); 

Answer 1

Использование disply: inline-block; для .item элемента вместо display:block;