多行文本水平垂直居中

多行文本垂直居中

<section>
  <h1>Hey I am Mimic</h1>
  <p>a web developer</p>
</section>
<style>
    section {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 500px;
      background: #3a3d40;
      color: #fff
	}
</style>

demo