JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%">
       <tr>
               <td align="center">
    
          <div class="child">1</div>
          <div class="child">2</div>
          <div class="child">3</div>
          <div class="child">4</div>
          <div class="child">5</div>
          <div class="child">6</div>
    
</td></tr></table>

CSS

.child {
    width: 100px;
    height:100px;
    margin:10px;
    display:inline-block;
    background:#e0e0e0;
}