JSFiddle - React, Tailwind, and code Playground

by cssGuy

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore error fugit provident illum illo officia eveniet veniam at quod animi rerum vel commodi itaque nostrum libero natus magni! Possimus alias?</p>

CSS

body {
    margin: 0;
    line-height: 1;
}
p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow:'~'; /*ONLY FF SUPPORTS THIS RIGHT NOW*/
    text-overflow: ellipsis;
    width: 300px;
    margin: 100px auto;
    border: 1px solid;
    background-color: orange;
}