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.
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.