JSFiddle - React, Tailwind, and code Playground

HTML

<table style="table-layout:fixed;">
    <tr>
        <td>
            some text
        </td>
        <td style="width:210px;">
            <div style="word-wrap:break-word;">
         Some   LongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInItLongSetenanceWithoutAnyWordBreakInIt
            ong long textAnd some long long textAnd some long 
            </div>
        </td>
    </tr>
</table>

CSS

td {
    border:solid 1px black;
}
div{
    border:solid 1px red;
    width:200px;
}