JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapoff">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula, augue id pretium euismod, nisi dolor sodales orci, non porttitor ligula velit ac lorem.
</div>

CSS

#wrapoff {
	width: 200px;
	border: 2px solid blue;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
#wrapoff:after {
	content: "...";
	position: absolute;
	right: 0;
	top: 0;
	background-color: white;
	padding: 0 5px;
}