Как центрировать блок 5 разными способами?

Question

[historydev]

Нужно отцентрировать блок в самых разных ситуациях включая его float,position и т.п.

Comments

[Yan Markov]

здесь помогают, а не гуглят вместо вас

Answer 1

[Dymok]

Все семь - https://habr.com/ru/post/238449/

Answer 2

[MisTFoR]

Ну... я придумал на ходу.
Например использовать flexbox (только блок должен быть в блоке)

.div{
  display: flex;
  justify-content: center;
}

Или абсолютное позиционирование

.div{
  position: absolute;
  left: 50%;
}

Или-же отступы margin

.div{
  margin: 0 auto
}

Comments

[Владислав Старцев]

При абсолютном позиционировании блок не будет по центру.

[Dymok]

Владислав Старцев, +, нужно компенсировать transform: translateX(-50%);

Answer 3

[Денис]

howtocenterincss.com