CSS ile Dikey Ortalama (Vertical Align)

CSS ile genellikle yaşanan sorunlardan bir tanesidir dikey ortalama. Yatay ortalama (horizontal align) yapmak istediğimizde margin:0 auto; veya text-align:center kullanabiliyoruz. Ancak dikey ortalama yapmak istediğimizde margin işimizi görmüyor.

css_dikey_ortalama

Dikey ortalama yapmak için display:table, display:table-cell ve veritical-align:middle kodlarını kullanacağız.

Örneğimize geçecek olursak bir tane dış ve bir tane de iç div var. Amacımız iç div’de bulunan yazıyı dış divimizin dikey ve yatay olarak ortasına getirmek olacak. Okumaya devam…