Hide overflowing text

HTML
<div> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, quas itaque, pariatur dicta veritatis recusandae illo nobis officia ab exercitationem necessitatibus cumque, blanditiis aperiam facere qui? Iste magni cum rem deleniti, incidunt numquam dolorum ut. Quod, ratione, enim? Facilis ipsam dolorem modi aliquam ex deleniti quis nostrum optio, explicabo, hic! </p> </div>
CSS
div { background-color: #1B90D5; width: 300px; } div p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
JAVASCRIPT
Expand for more options Login