JSFiddle - React, Tailwind, and code Playground

by Yaakov Ainspan

HTML

<span id="very-long-url">
  /Applications/XAMPP/xamppfiles/htdocs/index.php
</span>

CSS

#very-long-url {
  width: 300px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
  text-align: left;
}