CSS ile nesneler dikeyde nasıl ortalanır ?

CSS ile nesneleri dikeyde ortalamak için CSS’in display:table,display:table-cell,vertical-align:middle özellikleri kullanılmaktadır. Aşağıdaki gibi bir yapınız olsun.

<div class = “content”>

<div class = “website_desc”>

<div>Test bir içerik</div>

</div>

</div>

 

Yukarıdaki yapıya göre CSS kodumuz şu şekilde olmalıdır;

.content {display:table;}
.website_desc {display:table-cell;vertical-align:middle}

Örneğin canlı hali için tıklayınız.

Kolay gelsin.

Bir Cevap Yazın