Как выровнять div по центру?

Без position. Просто напишите способы (без примеров, чтобы не заморачиваться)


Ответы (4 шт):

Автор решения: rew

С помощью flexbox можно.........

→ Ссылка
Автор решения: malginovdesign
margin-left: auto;
margin-right: auto
→ Ссылка
Автор решения: Andrey Fedorov

С помощью css свойства transform: translate(), но нужно знать размеры div и размеры родителя.

→ Ссылка
Автор решения: Вадим

Без position:

div {
    margin: 0 auto;
}

либо с помощью flexbox:

С position:

div {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

либо

div { 
    top: calc(50% - р.б);
    left: calc(50% - р.б);
}

р.б - половина размера блока (центрируемого).

→ Ссылка