JSFiddle - React, Tailwind, and code Playground

HTML

<table>
      <tbody>
          <tr>
              <td  class="stretch">
                 <div> VeryLongWordVeryLongWordVeryLongWord this will break normally without any problem.
                  </div>
              </td>
              <td>It's a normal cell that can stretch, I don't care about it.</td>
          </tr>
    </tbody>
</table>

CSS

.stretch div {
    width: 50px;
    max-height: 50px;
    overflow: hidden;
    word-wrap: break-word;
}