JSFiddle - React, Tailwind, and code Playground

by LuckyCat

HTML

<div class="test">Какой-то такой прикольный див</div>

CSS

* {
  padding: 0;
  margin: 0;
}
html, body {
  height: 100%;
}

.test {
  background: yellow;
  position: absolute;
  top: 50%;
  left: 50%;
  
  transform: translate(-50%, -50%);
  
  padding: 20px;
}