JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block"><p class="p3">ограньчься
ограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчьсяограньчься</p></div>

CSS

.block{
    background: #999;
    width: 240px;
    height: 50px;
    overflow: hidden;
}
p.p3{ 
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    color: white;
}