JSFiddle - React, Tailwind, and code Playground

by James Harrington

HTML

<span class="label">1</span>
<span class="label">22</span>
<span class="label">333</span>
<span class="label">4444</span>
<span class="label">55555</span>
<span class="label">666666</span>

CSS

.label {
    background:#EA2626;
    display:inline-block;
    border-radius: 12px;
    color: white;
    font-weight: bold;
    height: 17px; 
    padding: 2px 3px 2px 3px;
    text-align: center;
    min-width: 16px;
}