JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
            <div class="childContainer">
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
                <!-- repeat until off screen -->
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
                <div class="box"></div>
            </div>
            <div class="childContainer">
                <span>This should not wrap!</span>
            </div>

        </div>

CSS

.container {
    xxxx-white-space: nowrap;
    margin-right: -99999px;
    overflow: auto;
    position: absolute;
}
            .childContainer {
                float: left;
            }
            .box {
                float: left;
                border: 1px solid black;
                width: 100px;
                height: 20px;

            }