JSFiddle - React, Tailwind, and code Playground

by Ashish M

HTML

<div class="calcTest">
  <div class="calcTestInner">
    Hello Folks
  </div>
</div>

CSS

.calcTest { width: 250px; height: 250px; border:1px solid #e0e0e0; text-align: center; }
.calcTest .calcTestInner { width: 50px; height: 50px; background: #e0e0e0; margin: 0 auto; margin-top: calc(50% - 25px); vertical-align: top; }