JSFiddle - React, Tailwind, and code Playground

HTML

<div class="TableClass">
<table cellspacing="0" cellpadding="0">
<tr>
  <td> 
  <a href="#"></a>
  </td>
  <td>
     <a class="one" href="#"></a>    
  </td>
</tr>
</table>
</div>

CSS

.TableClass td
{
   background-color: #005500;
   height: 150px;
}
.TableClass a
{
 background-color: #ff0000;
 width: 100px;
 height: 100px;
 display: block;
 border: 5px solid #000000;
}

a.one{
      border-left: 0px;
}