JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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