JSFiddle - React, Tailwind, and code Playground

by isqua

HTML

ABC <i></i> def

CSS

i
{
    display: inline-block;
    background: green;
    position: relative;
    height: 0;
    vertical-align: 4px;
}
i::before,
i::after
{
    content: '';
    background: inherit;
}
i::before {
    display: inline-block;
    width: 30px;
    height: 2px;
    border-radius: 2px;
}
i::after
{
    position: absolute;
    left: 11px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
}