JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <span>foo</span>
            <span><a href="">bar</a></span>
        </td>
    </tr>
</table>

CSS

table {
    width: 100%;
}

td span:first-of-type {
   float: left;
}

td span:last-of-type {
   float: right;
}