<h1>
	Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum harum vero incidunt temporibus debitis, quisquam quidem voluptates voluptas, eum doloribus atque dolorem ut, quaerat deleniti quibusdam cum quas provident! Accusantium.
</h1>
body {
	height: 100vh;
	overflow: hidden;
	display: grid;
	place-items: center;
	background: #1c212b;
}

h1 {
	width: 200px;
	border-radius: 6px;
	padding: 20px;
	font-size: 20px;
	margin: 0;
	background: white;
	resize: horizontal;
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.