JSFiddle - React, Tailwind, and code Playground

HTML

<div id="somediv">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at arcu augue, vitae vulputate elit. Sed tristique risus id nibh sodales vestibulum. Phasellus sit amet sapien mauris. Maecenas porttitor nibh sed ipsum sollicitudin nec cursus odio accumsan. Curabitur a mi vitae sapien fermentum porttitor. Nullam cursus turpis quis urna sollicitudin lacinia posuere dolor fringilla. Aliquam nec enim odio. Donec fermentum rhoncus orci a euismod. Donec a ante ac nisi gravida pharetra sed ut sem. Nulla vel justo ut felis luctus hendrerit. Nullam eu dolor id justo tincidunt ultrices. Aenean metus nisi, lacinia vitae rutrum eu, varius sagittis diam. Donec eleifend velit at mi porttitor pharetra imperdiet risus fermentum. Praesent vitae mollis elit.</p>
</div>

CSS

#somediv p {
    height: 50px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}