JSFiddle - React, Tailwind, and code Playground

HTML

<p class="ellipsis" style="width:250px">
    Hello world this is some really long text that should be ellipsized
</p>

CSS

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}