JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div id="headerDiv" style="">DIV</div>
            <span id="labelSpan">test</span>

        </td>
    </tr>
</table>

CSS

td:after {
    display: table;
    content: "";
    clear: both;
}
td > span {
    display: inline-block;
    border:2px solid;
    float: left;
}
td > div {
    display: inline-block;
    border:2px solid;
    float: left;
}