JSFiddle - React, Tailwind, and code Playground

HTML

<div id='parent'>
    
    <div class='box'></div>
    <div class='box'></div>
    <div class='box'></div> 
    
</div>

CSS

div#parent
{
    text-align: center;
}

div.box
{
    display: inline-block;
    width: 20%;
    height: 100px;
    background-color: red;
    margin-right: 1%;
}