[Çözüldü] Css İle İlgili Problem Yaşıyorum

[Kaleihan]

Merhaba,
Css ile sayfayı kodlarken resimdeki gibi içerik1, içerik2 ve içerik3'ün alt tarafı alt içerik ile birleşik oluyor. Normalde o ikisinin arasında birazcık boşluk olması gerekiyor ama bir türlü yapamadım.

Html kodlarım: https://paste.ubuntu.com/23883138/
Css kodlarım: https://paste.ubuntu.com/23883141/

[laz61]

div'ler ile uğraşarak kendini boşa yorma dostum, BOOTSTRAP ile tasarıma geçmen çok çok daha sağlıklı olur. 
 Verdiğim linke bir göz at.
http://www.w3schools.com/bootstrap/default.asp

[Source]

Bootstrap mantıklı olur ama ondan önce biraz css öğrenmelisin.Soruna gelicek olursak.

Senin Css Kodun :

Kod Seç Genişlet

.icerik{
background-color: #62682a;
height: 25%;
width: 30%;
float: left;
margin-left: 2.5%;
}

Boşluk bırakılmış hali :

Kod Seç Genişlet

.icerik{
background-color: #62682a;
height: 25%;
width: 30%;
float: left;
margin-left: 2.5%;
margin-bottom:20px;
}

Sadece margin-bottom:20px kodunu ekledim alt taraftan 20px değerinde boşluk bıraktı.

[Kaleihan]

Teşekkürler oldu. Bootstrap'a göz atacağım. Konuyu çözüldü olarak işaretliyorum.