JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flexwrapper">
  <span>text1</span>
</div>

CSS

.flexwrapper{
    height:200px; 
    width:200px; 
    border:1px solid #C00; 
    display:flex; 
    align-items:center; 
    justify-content:center; 
}