JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div class="number">Number</div>
            <div class="lefrsqr"></div>
            <div class="rightsqr"></div>
        </td>
        <td>
            <div class="number">Number</div>
            <div class="lefrsqr"></div>
            <div class="rightsqr"></div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="number">Number</div>
            <div class="lefrsqr"></div>
            <div class="rightsqr"></div>
        </td>
        <td>
            <div class="number">Number</div>
            <div class="lefrsqr"></div>
            <div class="rightsqr"></div>
        </td>
    </tr>
</table>

CSS

table{
    border-collapse:collapse;
}
td{
    border:1px solid #000;
    width:100px;
    height:40px;
    text-align:center;
    vertical-align:middle;
    position:relative;
}
.number{
    display:inline-block;
    width:80px;
    height:20px;
    background:#cfc;
}
.lefrsqr{
    width:15px;
    height:15px;
    background:#0cc;
    position:absolute;
    left:0;
    bottom:0;
}
.rightsqr{
    width:15px;
    height:15px;
    background:#0cc;
    position:absolute;
    right:0;
    bottom:0;
}