JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>Text</p>
</div>

CSS

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
div{
    position: relative;
    background: #f00;    
    padding: 25px;
}
div p {
  position: absolute;  top: 50%; left: 50%;
  transform: translate(-50%, -50%);     
}