JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
     <div class="textbox">
        Here is some text
    </div>  
    <div class="textbox">
        Here is other, longer, text
    </div>  
</div>

CSS

#wrap {
    background-color: aqua;
    width:300px;
    height: 50px;
    padding-top: 1px;
}

.textbox {
    background-color: yellow; 
    max-width: intrinsic;
    max-width:-webkit-fit-content;
    max-width:  -moz-max-content;
    margin-top: 2px;
}