JSFiddle - React, Tailwind, and code Playground

HTML

<div class="initial">M</div>

CSS

.initial {
        background-color: #fff200;
        color: #ed1c24;
        height: 30px;
        width: 30px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        font-size: 16pt;
        font-weight: bold;
        text-transform: uppercase;
    }