JSFiddle - React, Tailwind, and code Playground

by mabdelhaq

HTML

<div>
  <div></div>
</div>

CSS

body {
  margin: 0;
  width: 100%;
  height: 100%;
}

body>div {
  position: relative;
  width: 200px;
  height: 200px;
  background: #ff0;
}

body>div>div {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10%;
  height: 10%;
  background: #f00;
  transform: translate(-50%, -50%);
}