JSFiddle - React, Tailwind, and code Playground

HTML

<div class="circle">Hello I am A Circle <br />I have two lines of text </div>

CSS

.circle
    {
    width:500px;
    height:500px;
    border-radius:250px;
    font-size:50px;
    color:#fff;
    vertical-align: middle;
      display: table-cell;
    text-align:center;
    background:#000
    }