JSFiddle - React, Tailwind, and code Playground

by genelocklin

HTML

<span class="g">G</span>ene 

<span class="l">L</span>ocklin

CSS

body { margin: 100px auto; max-width: 300px;  }

span.g { 
    font: 16px/24px sans-serif;
    background: red;
    color:white;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    display: inline-block;
    text-align:center;
    margin-right: 3px;
}
span.l { 
    font: 16px/24px sans-serif;
    background: red;
    color:white;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    display: inline-block;
    text-align:center;
    margin-right: 3px;
}