Какие знаешь способы центрирования содержимого

Flexbox – самый популярный и удобный способ. Просто примени display: flex и justify-content: center + align-items: center к родителю.

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

Grid – тоже отлично подходит. Используй place-items: center или комбинацию justify-items и align-items.

.parent {
  display: grid;
  place-items: center;
  height: 100vh;
}

Абсолютное позиционирование – если нужен точный контроль.

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

Текст – text-align: center для горизонтального центрирования и line-height для вертикального (если одна строка).

.text {
  text-align: center;
  line-height: 100px; /* = высоте контейнера */
}