JSFiddle - React, Tailwind, and code Playground

by jfroom

HTML

<span class="test">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam dapibus condimentum lobortis. Maecenas neque velit, malesuada vitae fringilla nec, commodo ut ipsum. Donec in sodales sem. Aenean dapibus tincidunt tellus quis feugiat. Donec placerat egestas urna. Donec venenatis tortor molestie diam iaculis porta lacinia quam semper. Pellentesque nunc tellus, facilisis sed tristique et, sollicitudin at risus. Integer varius, metus vitae sodales mattis, tortor eros adipiscing nulla, at rhoncus magna felis vitae mauris. Ut et erat vel arcu vehicula vestibulum quis at dui. Phasellus venenatis tortor vel nulla tincidunt sit amet auctor ante dapibus. Sed quam ligula, mollis id interdum non, adipiscing posuere felis. Quisque nec neque diam. Sed sed sem libero, semper porta leo. Aliquam sollicitudin mattis leo, quis consectetur diam consectetur in. Aliquam egestas pulvinar vehicula.
</span>

CSS

.test{
    width:100%;  
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;  
    font-family:Arial;
border:1px solid red;    
}