<main>
  <section>
    <h2>Центрируемый блок</h2>
    <span>с помощью flexbox</span>
  </section>
</main>
main {
  display: flex;
  min-height: 100vh;
  margin: 0;
}
section {
  margin: auto; /*центрирует по горизонтали и вертикали*/
  text-align: center;
  background-color: rgb(116, 186, 172);
  padding: 20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.