JSFiddle - React, Tailwind, and code Playground

by Mohan Ravi

HTML

<div class='container'>
    Content
    <div class="e-badge e-badge-primary">New</div>
</div>

<style>
    .e-badge {
        display: inline-block;
        padding: .25em .4em;
        font-size: 75%;
        font-weight: 500;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: .25rem;
        background-color: #999;
    }
    .e-badge-success {
        background-color: #4caf50;
        color: white;
    }
</style>