HTML ve CSS ile Elemanları Dikey ve Yatay Eksende Ortalamak

Bu işlemi yapmak için birden fazla yöntem mevcut. 1. yöntem table ve table-cell kullanmak. 2. yöntem display: flex ile yapmak. 3. yöntem de position: absolute ile elemanı tabiri caiz ise uçurmak. 3. yöntemin dezavantajı içerideki elemanın sabit bir yükseklik ve genişliği olması gerekiyor. Bana sorarsanız en kullanışlı yöntem display: flex ile yapmak. Tüm yöntemler aşağıdaki JSFiddle’da bulunuyor.