JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ie-tbl-wrap">
    <table border="1">
        <tr>
            <td class="wrap"><pre>120282194756000104840012484492140404810238493747987238748750293748172</pre></td>
            <td class="wrap"><pre>alachuablahblahsfjfhjsdhjsfjshdjkfalpqoemxmnznsqkjxnaddsdjkhkdsaldaslkdasd</pre></td>
        </tr>
    </table>
</div>

CSS

.ie-tbl-wrap {
    min-width: 400px;
}
table {
    width: 100%;
    table-layout: fixed;
}
td.wrap {
    color: red;
    width: 50%;
}
pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}