JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div>
        <div></div>
        <div></div>
    </div>    
    <div>
        <div></div>
        <div></div>
    </div> 
    <div>
        <div></div>
        <div></div>
    </div> 
    <div>
        <div></div>
        <div></div>
    </div> 
</div>

CSS

* {margin:0; padding:0;}

div {margin:0 auto; background:lightblue; text-align: center;}

div > div {display:inline-block; height:100px; width:250px; margin:10px 0; }

div > div > div {display:inline-block; height:100px; width:100px; background:salmon; margin: 0 10px; }