JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div>aaa</div>
    <div>bbb</div>
    <div>ccc</div>
    <div>ddd</div>
    <div>eee</div>
    <div>fff</div>
</div>

CSS

#container {
    white-space: nowrap;
    border: 1px solid #f0f;
    width: 190px;

}
#container > div {
    background: #ccc;
    width: 50px;
    height: 50px;
    display: inline-block;
    
    /* for IE6/7, remove if you don't need to support those browsers */
    *display: inline;
    zoom: 1
}