JSFiddle - React, Tailwind, and code Playground

HTML

<table>
   <tr>
      <td>Test</td>
      <td>Testing 1123455</td>
   </tr>
   <tr>
      <td style="width: 50px;">AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
      <td style="width: 50px;">B</td>
   </tr>
</table>

CSS

table
{
    table-layout: fixed;
    width: 100px;
}

td
{
    border: 1px solid black;
    overflow: hidden;
}