JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<table>
    <tr>
        <td>content content</td>
        <td>content content content</td>
        <td>awfeaoifjw wef ewaf waf awf wef foijf w wfaf</td>
    </tr>
    <tr>
        <td>content content</td>
        <td>content content content</td>
        <td>awfeaoifjwfoijf waoifjwafoiwjaf</td>
    </tr>
</table>
</div>

CSS

table {display: block; }
tr {display: block; width: 100%; }
td {display: block; border: 1px solid blue;}
td {width:100%\9;float:left\9;}
#container { width: 300px; border: 1px solid orange}