JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td><div></div></td>
        <td><div></div></td>
    </tr>
</table>

CSS

body{
background:#666;
}

table{
border-spacing:5px;
}

td{
width:300px;
height:100px;
background:#666;
padding:0;
border-top:1px solid #222;
border-bottom:1px solid #ccc;    
}

div{
height:100%;    
border-top:1px solid #ccc;
border-bottom:1px solid #222;    
}