JSFiddle - React, Tailwind, and code Playground

by allcaps

HTML

<table border="1" width="100%">
    <tr>
        <td>
            <div id="content_left" style="margin-right:10px; float:left;vertical-align:top;width:90%;background-color:red;">Foo</div>
        </td>
        <td>
            <div id="content_right" style="vertical-align:top;width:10%;background-color:blue;">More content will make the right cell bigger</div>
        </td>
    </tr>
</table>

<table border="1" width="100%">
    <tr>
        <td width="90%">
            <div id="content_left" style="background-color:red;">Foo</div>
        </td>
        <td width="10%">
            <div id="content_right" style="background-color:blue;">Foo</div>
        </td>
    </tr>
</table>