Css ile yanyana dizme problemi

Merhabalar; Css hakkında sorun yaşıyorum yardımcı olursanız sevinirim.

Anasayfa da kutucuk alanları yer alıyor bu alanlar 4'lü olarak gidiyor yani 8 tane kutu eklesem 4 üst diğer 4 kutu da alta tarafa geliyor.

Benim ihtiyacım ise 5 kutucuktan oluşuyor ve eklediğimde üstte 4 altta 1 kutu geliyor haliyle görüntüyü bozuyor. Üstte yer alan kutuların boyutunu küçülttüm ve alttaki 5. kutucuğa da fazlasıyla yer açıldı fakat altta kalan bu kutu üst tarafa yerleşmiyor. Bunu nasıl düzenleyebilirim?

İlgili css kodları burda:

/* Portfolio
----------------------------------------------------------- */
#portfolio-description { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd; }
#portfolio-description p:last-child, .portfolio-description p { margin: 0 }
#portfolio-wrap ul { margin: 0px; list-style: none; }
/*portfolio entry*/
.portfolio-entry a { display: block; text-decoration: none; }
.portfolio-entry-img-link { display: block; margin-bottom: 13px; -webkit-transition: all 0.2s ease-in-out; }
.portfolio-entry-img-link img { width: 160px; display: block; padding: 3px; background: #eee; border: 1px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.portfolio-entry-img-link img:hover { opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; }
.portfolio-entry-description p { margin: 0 }
.portfolio-entry-description h2 { line-height: 1.1em; font-size: 10px; font-weight: bold; margin: 0 0 7px 0; padding-bottom: 7px; border-bottom: 0px solid #eee; }
.portfolio-entry-description p:last-child { margin: 0 }

/*single portfolio*/
#portfolio-meta span { font-size: 12px; margin-right: 5px; font-weight: bold; }
#portfolio-media { margin-bottom: 15px; border: 1px solid #ddd; }
#portfolio-media-inner { padding: 4px; border: 1px solid #fff; background: #eee; }
#portfolio-slides-wrap { margin-bottom: 5px }
#portfolio-media img { display: block; width: 100%; }

/*single portfolio slider*/
#portfolio-slides-wrap { position: relative; width: 100%; }
#portfolio-slider-loader { text-align: center; height: 100px; line-height: 100px; font-size: 16px; color: #000; }
#portfolio-slider .flex-direction-nav li a.flex-next, #portfolio-slider .flex-direction-nav li a.flex-prev { height: 30px; line-height: 30px; width: 30px; font-size: 14px; }
#portfolio-slider .flex-direction-nav li a.flex-next { left: 31px }

senin tabirinle kutulara Float:left; vermen yeterli olacaktır.

float:left; kullandım ama olmadı veya yanlış kullanmış olabilirim. Hepsinde denedim ama sonuç vermedi.

cano' Alıntı:

float:left; kullandım ama olmadı veya yanlış kullanmış olabilirim. Hepsinde denedim ama sonuç vermedi.

Genişletmek için tıkla ...

hepsine float:left verirmisin?
olması gerekiyor.