JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="6">
 <tr>
  <td><div> one  <div class="corner"></div> </div></td>
  <td><div> two  <div class="corner"></div> </div></td>
 </tr>  
 <tr>
  <td><div> three<div class="corner"></div> </div></td>
  <td><div> four <div class="corner"></div> </div></td>
 </tr>  
</table>

CSS

table {background:#FC3; border-spacing:6px;}
td {padding:0px; vertical-align:top;}
td>div {position:relative;
    color:#000; background:#B82;
    width:4em; height:3em;}
div.corner {
    position:absolute; right:0; bottom:0;
    width:10px; height:10px;
    background:#BFF;}