Css İle Yan Yana Div Yerleştirmek

HTML ye css ile kullanmaya alıştığımız div kodlaması bizi çoğu zaman büyük zahmetlerden kurtarmıştır. Fakat bazı zamanlarda ise tam bir baş belası olmuştur. Örneğin iki div kodlamasını aynı sayfada yan yana çalıştırmak çoğu zaman webmasterlar için günün sorusu olmuştur. Halbuki o okadar da zor bir olay değildir. İki veya daha fazla div kodlamasını yan yana çalıştırmak için gerekli olanlar bir adet ana div kodlaması ve içine serpiştireceğimiz div parçacıkları. Aşağıdaki adımları izleyerek kolayca iki veya daha fazla div kodlamasının nasıl yan yana çalıştıracağınızı öğrenebilirsiniz.

[php]<div id=”ana_div”>
<div class=”div” id=”div”>HDuman.Com – 1.Div</div>
<div class=”div” id=”div2″>HDuman.Com – 2.Div</div>
<div class=”div” id=”div3″>HDuman.Com – 3.Div</div>
</div>
[/php]

[php] #ana_div {
height: 300px;
width: 970px;
margin-right: auto;
margin-left: auto;
background-color: #666666;
}

.div {
float: left;
height: 200px;
width: 303px;
margin: 10px;
color: #FFFFFF;
}

[/php]

Hepsi bu kadar 3 adet div kutucuğu oluşturduk.