JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
    <td>
       <table>
           <col width="100px"/>
           <tr>
               <td>One</td><td>Two</td><td>Three</td><td>Four</td><td>Five</td>
               <td>Six</td><td>Seven</td><td>Eight</td><td>Nine</td><td>Ten</td>
            </tr>
        </table>
    </td>
</tr>
</table>

<table>
<tr>
    <td>
        <div id="container">
            <div>One</div><div>Two</div><div>Three</div><div>Four</div><div>Five</div>
            <div>Six</div><div>Seven</div><div>Eight</div><div>Nine</div><div>Ten</div>
        </div>
    </td>
</tr>
</table>

CSS

table {
    table-layout:fixed;
}

table {
    width:100px;
}

#container div {
    display:inline-block;
}