JSFiddle - React, Tailwind, and code Playground

by gion_13

HTML

<p>asdasdasd as dasd as asd asd asd asd as d</p>

CSS

p {
  white-space: nowrap;
  width: 50px;                   /* IE6 needs any width */
  overflow: hidden;              /* "overflow" value must be different from "visible" */ 

  -o-text-overflow: ellipsis;    /* Opera 9-10 */
  text-overflow:    ellipsis;    /* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}