JSFiddle - React, Tailwind, and code Playground

by tsayen

HTML

<span>
  dupdpdddpdcsdfsdvasdvsdfvas
</span>

CSS

span {
  display: inline-block;
  width: 80px;
  border: 1px solid red;
  overflow: hide;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  direction: rtl;
}