Yan yana div sorunu (yardım)

Arkadaşlar HTML ve CSS de yeniyim.

İnternetten videolar izleyerek bişiler öğrendim ve uygulamaya çalışıyorum.

Bir yerde tökezledim yardım ederseniz çok sevinirim.

div ler oluşturarak sayfanın orta kısmını ayarlamak istiyorum. İlk oluşturduğumda çıkan görüntü bu

fakat float: left; yazdıgımda

bu şekil oluyor. Yani ilk olusturdugum div in içinde değilmiş gibi oluyor ve taban kısmı uzamıyor.

KAHVE ÇEŞİTLERİMİZ

Resim Açıklama

Resim Açıklama

Resim Açıklama


.kahve{
background-color: #FFF;
padding: 1% 2%;
margin-top: 2%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.kahve .kahveeleman{
padding: 1% 0;
margin: 1% 0;
width: 250px;
height: 250px;
text-align: center;
border: 1px solid #CF5C3F;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}



HTML ve CSS kodlarım bu şekildedir. Gerekirse dosya halindede verebilirim.

Sorun nerden kaynaklanıyor yardımcı olursanız sevinirim.

şimdiden teşekkür ederim.

".kahveeleman" classına "float: left;" verdikten sonra

class="kahve"> divini kapatmadan önce;
style="clear: both;">