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())