JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
  <tr>
    <th>nada</th>
    <th>texto</th>
  </tr>
  <tr>
    <td>digo poco</td>
      <td class="adjust"><p> tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto</p></td>
  </tr>
  <tr>
    <td>tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto</td>
      <td class="adjust"><p>tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto tengo mucho mucho texto</p></td>
  </tr>
</table>

CSS

table {
   table-layout: fixed;
}
.adjust {
    heigth: 2em;
    width: 50%;
}
.adjust p {
    heigth: 2em;
    widht: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
}