Как центрировать элементы в блоке с значением 100vh?

Question

[vetaliy_net]

Сейчас имеется такой результат:


Нужно чтобы было вот так:


Как это всё дело центрировать ?

Comments

[Ankhena]

Как центрировать элементы в блоке с значением 100vh?

Точно также, как с любым другим значением.

Центрирование горизонтальное и вертикальное

Answer 1

[Владислав Лысков]

2 варианта q

Answer 2

[dom1n1k]

а) position absolute, top 50%, translateY -50%
б) flex-box
Идеологически и практически лучше второе.

Answer 3

[Анатолий]

margin-top: 50vh;

Answer 4

[dsemagin]

Ссылка

<div class="wrapper">
  <div class="content">
    Что либо
  </div>
</div>

.wrapper
{
  display: grid;
  height: 100vh;
  align-content: center;
}
.content{
    margin: 0 auto;
}