Untitled

dabblet.css

.overflowed > p{
	width: 10em;
	height: 5rem;
	white-space: pre-line; 
	overflow: hidden;
	outline: 1px dashed lime;
}

.overflowed-clip {
	text-overflow: clip;
}

.overflowed-ellipsis > p {
	text-overflow: ellipsis;
}

.overflowed-ellipsis-word > p {
	text-overflow: ellipsis-word;
}

dabblet.html

<!-- example showing text-overflow shorthand property -->
<div class="overflowed overflowed-clip"><p>This is an example text showing nothing interesting but the truncated content via text-overflow shorthand property.</p></div>
<div class="overflowed overflowed-ellipsis"><p>This is an example text showing nothing interesting but the truncated content via text-overflow shorthand property.</p></div>
<div class="overflowed overflowed-ellipsis-word"><p>This is an example text showing nothing interesting but the truncated content via text-overflow shorthand property.</p></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}