JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id suscipit nulla. Proin ornare luctus vulputate. Quisque aliquet semper nisl, et interdum tortor porta et. Ut vitae erat lorem. Aenean pellentesque eleifend nulla, vel mollis neque congue nec. Nulla pellentesque, erat non malesuada ultrices, ipsum sapien rutrum arcu, at scelerisque erat nulla id mi. In hac habitasse platea dictumst. Phasellus cursus elit ipsum, sodales fermentum mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla facilisi. Pellentesque sed placerat elit. Donec viverra sollicitudin fringilla.</p>
</div>

CSS

#wrap {
    width: 300px;
    overflow: hidden;   
    text-overflow: ellipsis; 
}
p {
    display: inline;
    white-space: nowrap;
}