JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="smallContainer">
        <div class="small">
            text
        </div>       
        
        <div class="small">
            text
        </div>       
        
        <div class="small">
            text
        </div>       
    </div>
</div>

CSS

#main{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.small{
    display:flex;.
    text-align:center;
    width:100px;
    height:100px;
    border:1px solid black;
}
#smallContainer{
    margin-left:0 auto;
    position:relative;
}