JSFiddle - React, Tailwind, and code Playground

HTML

<div style="margin:auto" class="maindiv"> <div style="height:100px;width:100px;border:1px solid red;"class="moreinfo">
    
    
</div> 
       <div style="height:100px;width:100px;border:1px solid red" class="moreinfo">
    
    
</div> 
</div>

CSS

.moreinfo {
    display: inline-block;
     
    vertical-align: top;
    margin:0px;
    padding:0px
}
.maindiv{
    margin: auto;
    text-align: center;
    position: absolute;
    left: 45%;
    top: 45%;
}