JSFiddle - React, Tailwind, and code Playground

by alimurrazi

HTML

<div class="container" style="width:100px; background-color: red">
<p width="50px">
  Hello world
</p>
<p width="50px">
  Hello world
</p>
</div>

<table style="background-color: green">
  <tr width="100px">
    <td width="50px">Hello World</td>
    <td width="50px">Hello World</td>
  </tr>
</table>

CSS

.container{
  display: flex;
  flex-direction: row
}

p, td{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}