JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
    <div class="inner">1</div>
    <div class="inner">2</div>
    <div class="inner">3</div>
    <div class="inner">4</div>
    <div class="inner">5</div>
    <div class="inner">6</div>
    <div class="inner">7</div>
    <div class="inner">8</div>
    <div class="inner">9</div>
    <div class="inner">10</div>
    <div class="inner">11</div>
    <div class="inner">12</div>
    <div class="inner">13</div>
    <div class="inner">14</div>
    <div class="inner">15</div>
</div>

CSS

.outer { width: 300px; border: 1px dotted red; overflow:hidden; }
.inner { 
    float: left; 
    border: 1px dotted blue; 
    width: 18px;
}