JSFiddle - React, Tailwind, and code Playground

HTML

<p id="one">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula pharetra imperdiet. Sed ullamcorper interdum enim in feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris ullamcorper faucibus metus dignissim dapibus. Donec sem sapien, gravida et porttitor eget, elementum eu eros. Donec molestie, diam id faucibus porta, dolor libero egestas tellus, at ornare sem est ut lorem. Morbi tincidunt nibh ut enim auctor pellentesque. Ut iaculis, neque fringilla dignissim tempus, eros velit cursus lacus, eu volutpat diam turpis eget tellus. Mauris accumsan gravida dolor, eu tempus lectus aliquet at. Mauris mattis tincidunt consequat. Quisque ultrices neque nibh, a sodales nulla.</p>
    
<p id="two">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam vehicula pharetra imperdiet. Sed ullamcorper interdum enim in feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris ullamcorper faucibus metus dignissim dapibus. Donec sem sapien, gravida et porttitor eget, elementum eu eros. Donec molestie, diam id faucibus porta, dolor libero egestas tellus, at ornare sem est ut lorem. Morbi tincidunt nibh ut enim auctor pellentesque. Ut iaculis, neque fringilla dignissim tempus, eros velit cursus lacus, eu volutpat diam turpis eget tellus. Mauris accumsan gravida dolor, eu tempus lectus aliquet at. Mauris mattis tincidunt consequat. Quisque ultrices neque nibh, a sodales nulla.</p>

CSS

p {
    border: 1px solid red;
    width: 250px;
    height: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 10px;
}

#two {
    white-space: nowrap;
}