JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center" id="parent">
    <div id='child'>
    </div>
  </div>

CSS

#parent {
  width: 500px;
  height: 500px;
  background-color: red;
  display: table-cell;
  vertical-align: middle;
}

#child {
  width: 70px;
  height: 70px;
  background-color: blue;
  border-radius: 50%;
}