JSFiddle - React, Tailwind, and code Playground

by Mostafa Zeinivand

HTML

<a href="#" class="truncate">text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </a>

CSS

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:block;
}