JSFiddle - React, Tailwind, and code Playground

by m v

HTML

<table style="table-layout:fixed;width:400px">
    <thead>
        <tr>
            <th>Short</th>
            <th>Long</th>
            <th>Short</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>ABC</td>
            <td style="width: 300px;word-wrap:break-word">abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz</td>
            <td>XYZ</td>
        </tr>
    </tbody>
</table>