JSFiddle - React, Tailwind, and code Playground

HTML

Table 1:<br>
<table id="t1">
    <tr>
        <td>asdasdasdasdasdasasdasdasdasdasdasdasdasdasasdasdasdasdasdasdasdasdasasdasdasd</td>
        <td>asd</td>
        <td>asdasdasdasdasd</td>
    </tr>
</table>
<br>
Table 2:<br>
<table>
    <tr>
        <td>asdasdasdasdasdasasdasdasdasdasdasdasdasdasasdasdasdasdasdasdasdasdasasdasdasd</td>
        <td>asd</td>
        <td>asdasdasdasdasd</td>
    </tr>
</table>

CSS

table {
    border: 1px solid black;
    width: 100%;
}
table td {
    border: 1px solid black;
    word-wrap:break-word;
}
table#t1 {
    table-layout:fixed;
    width: 100%;
}