JSFiddle - React, Tailwind, and code Playground

HTML

<!-- 
Both span should be placed on the bottom right corner of each cell.
Works on Chrome, Opera & IE but fails on Firefox (bottom right corner of the page instead).
Workaround: add display:inline-block to the cell.
-->

<table>
    <tr>
        <!-- display:table-cell -->
        <td id="cell1">Cell 1 <span>Corner</span></td>
        <!-- display:inline-block -->
        <td id="cell2">Cell 2 <span>Corner</span></td>
    </tr>
</table>

CSS

table{
    margin:auto;
}

td{
    padding:15px;
    border:1px solid #00f; 
}

#cell1, #cell2{
    position:relative;
}

#cell2{
    display:inline-block;

}

span{
    font-size:11px;
    border:1px solid #f00;
    position:absolute;
    bottom:0;
    right:0;
}