JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
<div id="child1" class="center">
</div>
    <div id="child2" class="center">
</div>
    <div id="child3" class="center">
</div>
</div>

CSS

#parent{
    text-align:center;
    height:450px;
    width:75%;
    border:1px solid blue;
}
.center {
    float:left;
    height:250px;
    width:15%;
    margin: 0 auto;
    border: 1px solid black;
}