Html'de Div elementi içindeki div elementi yatayda nasıl ortalanır?

alattin (16999) 10 yıl önce sordu

CSS ile Div elementi içerisindeki Div elementini yatay olarak nasıl ortalarım?

DisKutu'nun genişliği 100%

<div id="DisKutu" style="width:100%">  
    <div id="IcKutu">İçerik İçerk</div>
</div>

Toplam 1 cevap


alattin (16999) 10 yıl önce cevapladı

Html'de Div elementi içindeki div elementini yatayda ortalayabilmek için Css ile şu kuralı yazmanı yeterli olacaktır.

IcKutu Div elementi için

#IcKutu {
    width: 50%;
    margin: 0 auto;
}

margin: 0 auto;  Div ortalama için yeterli olacaktır. width ile genişliği dilediğiniz gibi ayarlayabilirsiniz. IE8+ ve yukarısını hedefliyorsanız IcKutu Div elementi için şu kodu kullanmanız daha iyi olacaktır.

#IcKutu {
    display: table;
    margin: 0 auto;
}