JSFiddle - React, Tailwind, and code Playground

HTML

<div class="label">
    <div class="label-image"/>
    <div class="label-text"/>
</div>

CSS

.label {
    height: 24px;    
    background-color:White;
    border: 1px solid Black;
    width: auto;
}

.label-image
{
    background-color:Red;
    width: 24px;
}

.label-text
{
    background-color:Green;
    margin-left: 24px;
    width: 50px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    vertical-align: center;
    white-space: nowrap;
    overflow: hidden;
}

JavaScript

$(document).ready(function() {
   $(".label-text").text('label 123 123 456'); 
});