JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="box">
        <p>box1</p>
    </div>
    <div class="box">
        <p>box2</p>
    </div>
    <div class="box">
        <p>box3</p>
    </div>
    <div class="box">
        <p>box4</p>
    </div>
    <div class="box">
        <p>box5</p>
    </div>
    <div class="box">
        <p>box7</p>
    </div>
    <div class="box">
        <p>box8</p>
    </div>
</div>

CSS

.box{
    display: inline-block;
    width: 100px;
    height: 100px;
    background-color: #FF0000;
}

#wrapper{
    width: 800px;
}