JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

.label-image
{
    float:left;
    background-color:Red;
    height:inherit;
    width: 24px;
}

.label-text
{
    float:left;
    background-color:Green;
    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'); 
});