JSFiddle - React, Tailwind, and code Playground

HTML

<table >
<tr>
<td>
<div class='test1'>

</div>
<div class='test1'>
  
</div>
</td>
</tr>
</table>

CSS

table
{
  margin:0px;
  padding:0px;
  width:400px;
  border:1px solid #000;
  }
  table tr td
  {
    padding: 10px;
    width:200px;
    
    text-align:center;
    
  
  }
  test1{
    display: block;
    height: 50%;
    background-color: green;
    width: 100%;
  }