JSFiddle - React, Tailwind, and code Playground
HTML
<ul>
<li>/short_path.txt</li>
<li>/another/path.html</li>
<li>/this/is/a/really/long/path/to/something.jpg</li>
</ul>CSS
ul { width: 200px; margin: 20px; padding: 0; }
ul li { display: block; overflow: hidden; text-overflow:ellipsis; }