JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><td></td>
    <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr><td></td>
    <td></td>
      <td height="100"><div>      
  asdfasdfa dfasdfad fasd asdfasdfa dfasdfad fasd asdfasdfa dfasdfad fasd asdfasdfa dfasdfad fasd asdfasdfa dfasdfad fasd asdfasdfa dfasdfad fasd asdfasdfa dfasdfad fasd</div>
        </td>
      <td></td>
      <td></td>
    </tr>
  </table>

CSS

table{width:500px;height:200px;}

td{border:1px solid green; width:100px;
  height:100px;}
/* My fix try */


td div{
  width:100px;
  height:100px;
  overflow:hidden;
  word-wrap:break-word; 
}