JSFiddle - React, Tailwind, and code Playground

HTML

<span>ASDASDASDASDASDASAS</span><br />
<span>iiiiiiiiiiiiiiiiiii</span><br />
<span>This is not a free, data is by...</span><br />

CSS

span {
  display: inline-block;
  width: 200px;
  padding: 5px;
  margin: 5px;
  background-color: red;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}