Каждый третий пост отрывок отображается в отдельной строке

Question

Я пытаюсь, чтобы выдержки на этой странице отображались по 2 в каждой строке. Тем не менее, каждый третий появляется на своей линии Не уверен, как это исправить. Это страница: http://emgraphics.net/nsfm/category/photos/ и css:

.hentry {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width: 45%;
}

Есть идеи? Спасибо!

Answer 1

Исправьте ширину, удалите поля.Боксы нуждаются в явных размерах, чтобы поддерживать расположение сетки, иначе они будут течь.

#container {
    float: left;
    width: 713px;
}

#content { }

.hentry {
    float: left;
    height: 258px;
    margin: 10px;
    width: 335px;
}

Answer 2

Ваша ширина: 45% * 3 больше 100%.Но 45% * 2 - это меньше 100%, так что это должно сработать.

Возможно, вы захотите заключить каждую основную запись в другой элемент div и передать ее.

Answer 3

Вы должны рассмотреть использование display: inline-block вместо float: [http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/][1]

В качестве альтернативы вы можете установить фиксированную (минимальную) высоту для блоков.