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 {
    border: 1px solid red;
}

td > span:first-child {
    float: left;
}
td > span:last-child {
    float: right;
}