JSFiddle - React, Tailwind, and code Playground

by Rykus0

HTML

<ul>
<li>
 <div>
  <span>Some text</span>
  <span>Some large amount of text</span>
 </div>
 </li>
 </ul>

CSS

li
{
  width: 150px;
  height: 100px;
}

li span:nth-child(2){
    display:block;
    overflow:hidden;
    text-indent:100%;
    white-space:nowrap;
}

li span:nth-child(1):after{
    content:" \2026";
}