JSFiddle - React, Tailwind, and code Playground

by mikecmpbll

HTML

<div class="ring outer" style="display: inline-block">
<div class="ring inner">
</div>
</div>

<h1 class="cpoms">CPOMS</h1>

CSS

.ring {
    border-radius: 50%;
    border: 1em solid purple;
}

.outer {
    height: 5em;
    width: 5em;
    padding: 25px;
}

.inner {
    height: 3em;
    width: 3em;
}

.cpoms {
    display: inline-block;
    vertical-align: middle;
    font-family: calibri, sans-serif;
    font-size: 5em;
    padding-bottom: 140px;
    padding-left: 30px;
    color: grey;
}