Bir elemanı yatay ve dikey olarak ortalamanın yolları nelerdir?

Modern ve en kısa yollar:

/* Flexbox */
.kapsayici { display: flex; justify-content: center; align-items: center; }

/* Grid */
.kapsayici { display: grid; place-items: center; }

/* Konumlandırılmış eleman */
.kutu {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
}

/* Yalnızca yatay, blok eleman */
.kutu { width: 400px; margin-inline: auto; }

Kapsayıcının bir yüksekliği olmalıdır (ör. min-height: 100vh), aksi hâlde dikey ortalama görünmez.