JSFiddle - React, Tailwind, and code Playground

by Sergey Aleshin

HTML

<div>Давно выяснено, что при оценке дизайна и композиции читаемый текст мешает сосредоточиться. Lorem Ipsum используют потому, что тот обеспечивает более или менее стандартное заполнение шаблона.<button>Click</button>
</div>

CSS

div {
  border: 1px solid red;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

button {
  float: left;
}