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.