JSFiddle - React, Tailwind, and code Playground

by adriia

HTML

<ul class="llista">
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
    <li>Sed sed volutpat justo.</li>
    <li>Nullam volutpat tortor a dui tincidunt pellentesque.</li>
    <li>Morbi posuere, nibh eget posuere gravida, est lorem consequat.</li>
</ul>

CSS

.llista li {
    margin-bottom: 5px;
    width: 200px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}