JSFiddle - React, Tailwind, and code Playground

HTML

<div id="circle">text</div>

CSS

#circle {
    width: 6.25em;
    height: 6.25em;
    padding:2em;
    border-radius: 100%;
    background-color:rgba(50, 50, 200, 0.5);
    color:white;
    display:inline-block;
}