JSFiddle - React, Tailwind, and code Playground

by Vasilii Chugunov

HTML

<div class="center">
  <div>This is absolute centered div.</div>
</div>

CSS

.center {
  position: absolute;
  left: 50%;
  top: 50%;
}

.center div {
  border: 1px solid black;
  margin-left: -50%;
  margin-top: -50%;
  height: 100px;
  width: 100px;
}