JSFiddle - React, Tailwind, and code Playground

by Igor Adamenko

HTML

<div>
  <button>Button</button>
  <span>Some text here...</span>
</div>

CSS

div {
  display: flex;
  justify-content: space-between;
}

span {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}