JSFiddle - React, Tailwind, and code Playground

by chovy

HTML

<table>
    <tbody>
        <tr>
            <td>foo</td>
            <td><div>longlonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonglonge</div></td>
        </tr>
        <tr>
            <td>foo</td>
            <td><div>texte</div></td>
        </tr>
        <tr>
            <td>foo</td>
            <td><div>textt here</div></td>
        </tr>
    </tbody>
</table>

CSS

td { border: 1px solid black; }
td > div { word-break: break-all; }