truncate left

dabblet.css

/**
 * truncate left
 */

p
{
	direction: rtl;
	overflow: hidden;
	text-align:end;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 13em;
}

span
{
	direction: ltr;
	unicode-bidi: embed;
}

dabblet.html

<p><span>Langer Text, der abgeschnitten wird!</span></p>
<p><span>Kurzer Text!</span></p>

settings.json

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