JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>long long name</li>
    <li>long long name long long name</li>
    <li>long long name long long name long long name</li>
</ul>

CSS

li{
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:100px;
    border:2px solid #ff0000;
}