Как разместить текст по середине страницы?

Question

[notfriee]

<div class="homepage" id="all">
      <div class="container">
          <div class="logo m-auto">
              <span></span>
          </div>
          <div class="text text-center m-auto">
            Пример текста
          </div>

Comments

[Максим Тимофеев]

У страницы есть середина по вертикали и по горизонтали, методы разные

[DanKud]

CSS:

.text-center {
    text-align: center;
}

Answer 1

[sergski]

.container {
  display: grid;
  grid-template-columns:  1fr;
  grid-template-rows: auto 1fr;
  height: 100vh;
}

.text-center {
  place-self: center;
  width: auto;
}

Comments

[notfriee]

Спасибо