JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec leo turpis. Sed scelerisque orci a ante vestibulum congue. Duis ac velit vel felis scelerisque volutpat. Aenean pulvinar mi at ipsum cursus sed pulvinar eros volutpat. Nulla viverra, turpis sit amet suscipit tempor, nisl erat facilisis nibh, eu condimentum felis magna at lacus. Proin lobortis risus nec dui viverra non ornare orci suscipit. Proin a ligula diam, ac euismod sem. 
</p>

CSS

p
{
    font-size: 11pt;
    font-family: Sans-serif;
    line-height: 15pt;
    max-height: 30pt;
    overflow: hidden;
    position: relative;
}

p:after
{
    display: block;
    position: absolute;
    content: "…";
    bottom: 0;
    right: 0;
}