JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <div>Test</div>
</section>

CSS

section{
  background: #eee;
}
div{
  width: 100px;
  text-align: center;
  height: 80px;
  background: blue;
  color: #fff;
  line-height: 80px;
  margin: 0 auto;
  margin-top: calc(100vh - 50%);
}