JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
  <tr>
    <td>
      <p class="text">
        This is what I want to show by using ellipsis. This is what I want to show by using ellipsis. This       is what I want to show by using ellipsis
      </p>
    </td>
  </tr>
</table>

CSS

table{
  width:100%;
  table-layout:fixed;
}
p {
  max-width: 100%;
  /* width: 100%; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  line-height: 50px;
}