JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <table class="table">
    <tbody class="tBody">
      <tr>
        <td>Hellooooooooooooooooooooooooooooooooooooooooooooo</td>
        <td>World</td>
      </tr>
    </tbody>
  </table>
</div>

CSS

.container {width: 100%;}
.table {display:block;}
.tBody {max-width: inherit;}
td {word-wrap: break-word; word-break: break-all;}