JSFiddle - React, Tailwind, and code Playground

HTML

<div class="credit-callout">
    <ul>
        <li>C M E</li>
        <li class="credit-number">19.5</li>
        <li>CREDITS</li>
    </ul>
</div>

CSS

.credit-callout {
    text-align:center;
    color: #222;
    font-family:'Lato', 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", sans-serif;
}
.credit-callout li {
    display: inline;
}
.credit-callout li.credit-number {
    color: #0088cc;
    border: 2px solid #0088cc;
    padding: 17px;
    border-radius: 50%;
    font-size: 36px;
    height: 150px;
    width: 150px;
    margin: 20px;
    position: relative;
}