JSFiddle - React, Tailwind, and code Playground

HTML

<div class='test'>
   ctext
</div>

CSS

.test{
  display:flex;
  width: 300px;
  height: 300px;
  border: 1px solid #000;
  flex-direction: row;
  justify-content: center;
  align-items:center;
 }