JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>Test</p>
</div>

SCSS

div {
  height: 100px;
  width: 100px;
  background-color: tomato;
  position: relative;
}

p {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}