JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">



      <div class="circle">
        <div class="content">
          Some text
        </div>
        <!-- content -->
      </div>
      <!-- circle -->



  </div>
  <!-- content -->

CSS

.circle {
  display: table;
  height: 200px;
  width: 200px;
  text-align: center;
  background: red;
  border-radius: 100%;
  margin: 10px;
}