JSFiddle - React, Tailwind, and code Playground

HTML

<div id="example">
    <span id="content">My text here, hello everyone!</span>
</div>

CSS

#example {
    border: 1px dotted #ccc;
    max-width: 12em;
}

JavaScript

var content = document.getElementById("content");

content.parentNode.style.width = content.offsetWidth + "px";