Centrowanie elementu

Najprościej wycentrować element w obu osiach przez Grid lub Flexbox.

.container {
  display: grid;
  place-items: center;
  min-height: 240px;
}

Alternatywa: display: flex; justify-content: center; align-items: center.

Doprecyzowanie: kontener musi mieć wolne miejsce w osi, w której chcę zobaczyć centrowanie. Dla bloku o określonej szerokości margin-inline: auto centruje go poziomo.

Pułapka: text-align: center wyrównuje treść liniową; nie jest ogólnym sposobem centrowania dowolnego bloku w pionie.