JSFiddle - React, Tailwind, and code Playground

by Vipin Patil

HTML

<div >
<div  >
    <div class="truncate">    1234567890 1234567890  1234567890 </div> 
    
    <div class="truncate">    1234567890 1234567890  1234567890 </div> <div class="truncate">    1234567890 1234567890  1234567890 </div> <div class="truncate">    1234567890 1234567890  1234567890 </div> 
</div>
</div>

CSS

.truncate {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}