Центрирование div внутри контейнера по вертикали и горизонтали [дубликат] ⇐ CSS

[Anonymous]

По сути, я работаю над макетом, в котором мне нужно центрировать элемент div внутри контейнера как по вертикали, так и по горизонтали. Я хочу использовать Flexbox, но не уверен, что делаю неправильно.
Вот мой код:

Код: Выделить всё

  
.container {
display: flex;
height: 100vh;
width: 100%;
background-color: lightgray;
}

.centered {
width: 200px;
height: 200px;
background-color: coral;
margin: 0 auto;
}

Div не центрируется должным образом. Может кто-нибудь помочь мне понять, в чем дело?

Подробнее здесь: https://stackoverflow.com/questions/792 ... rizontally