JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1" width="100%">
    <tr>
        <td class="wrap" width="50%"><pre>120282194756000104840012484492140404810238493747987238748750293748172</pre></td>
        <td class="wrap" width="50%"><pre>alachuablahblahsfjfhjsdhjsfjshdjkfalpqoemxmnznsqkjxnaddsdjkhkdsaldaslkdasd</pre></td>
    </tr>
</table>

CSS

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

td.wrap {
    color: red;
    max-width: 200px;
}