JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
    <td colspan=2>First name and last name</td>
  </tr>
  <tr>
    <td>Info:</td>
    <td><a href="google.pl">CLICKKKKKKKKKKKKKKXX</a></td>
  </tr>
</table>

CSS

td
{
  width: 50px;
  max-width: 125px;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}