JSFiddle - React, Tailwind, and code Playground
HTML
<div class="outer">
<div class="t1">1</div>
<div class="t1">2</div>
<div class="t1">3</div>
</div>
<div id="output"></div>
CSS
.t1{
display:inline-block;
width:400px;
}
.outer{
white-space:nowrap;
background:blue;
}
JavaScript
$("#output").text($(".outer").width())