JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:960px;background-color:Red;margin:0 auto">
    <div class="tenPercent">1</div>
    <div class="tenPercent">2</div>
    <div class="tenPercent">3</div>
    <div class="tenPercent">4</div>
    <div class="tenPercent">5</div>
    <div class="tenPercent">6</div>
    <div class="tenPercent">7</div>
    <div class="tenPercent">8</div>
    <div class="tenPercent">9</div>
    <div class="tenPercent">10</div>
</div>

CSS

.tenPercent
    {
        color:Black;
        float:left;
        box-sizing: border-box;
        display:inline-block;     
        border:1px solid black;
        width:10%;
    }