JSFiddle - React, Tailwind, and code Playground

by Artem

HTML

<div class="p">
	<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, molestias.</span>
	<button>Click</button>
</div>

CSS

.p {
	display: flex;
	width: 400px;
	border: 1px solid #000;
}

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