Untitled

dabblet.css

body {
	background: #f5f5f5;
	font: 16px/24px "Helvetica Neue", sans-serif;
	color: #444;
}
p {
	margin: 0 0 24px 0;
	padding: 0;
}
.hyphenated-box {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	width: 350px;
	padding: 20px;
	margin: 48px auto;
	text-align: justify;
	background: #bafbaf;
}

dabblet.html

<div class="hyphenated-box" lang="en">
	<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et metus leo. Curabitur a justo magna, quis pellentesque enim. Nullam a nulla sapien, ornare gravida augue. Morbi in fermentum neque. Phasellus in risus lacus, ut eleifend nisi. Phasellus ultrices semper vestibulum. Mauris sed massa sed nibh vestibulum adipiscing id commodo lorem. Phasellus consequat, velit in blandit viverra, eros ante pulvinar ligula, vitae tempor mi magna vel massa. Nam pharetra, neque ut fermentum lobortis, ligula urna pulvinar risus, at consequat enim quam ac nisl. Sed tincidunt pellentesque nunc vel hendrerit. Maecenas venenatis varius risus in sollicitudin.
</p>
<p>
Pellentesque ac justo odio. Nullam at dictum lacus. Suspendisse a auctor neque. Integer vel mi sed felis consectetur convallis. Integer quam arcu, facilisis vitae rhoncus ut, commodo vel odio. Etiam at quam mauris, sit amet viverra nisl. Cras sollicitudin lacus ut mauris placerat ultricies. Morbi sed massa libero, eu volutpat justo. Etiam sem libero, feugiat pulvinar consectetur scelerisque, fringilla vitae velit. Nullam tempus ultricies scelerisque. Sed viverra rutrum rhoncus.
</p>
<p>
Suspendisse iaculis dui vel ante vestibulum vitae posuere erat vehicula. Vivamus sit amet tellus purus. Donec porttitor, nunc eu cursus convallis, augue erat ultricies eros, in ornare libero elit in nunc. Aliquam euismod, sem id adipiscing fringilla, lectus ligula mattis est, eu dignissim quam mauris ac mauris. Morbi volutpat sapien risus. Sed quam ligula, porttitor eleifend porta tempus, porta id nibh. Ut risus nibh, convallis suscipit mattis quis, aliquet sodales ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer ac ipsum enim, nec aliquam enim. Donec faucibus, orci a consequat blandit, orci massa molestie sapien, at interdum magna enim at leo. Nam in lectus a augue mattis egestas vel sit amet ligula. Praesent sit amet cursus felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<p>
Suspendisse nibh ligula, dapibus eget consequat vitae, hendrerit id nisl. Curabitur nec semper enim. Duis posuere libero non est viverra egestas. Proin quis pretium ante. Proin lacinia quam eu justo sagittis fermentum. Suspendisse ut nulla non ipsum iaculis pulvinar eget id nisi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
</p>
<p>
Sed consectetur, dolor a varius consectetur, erat mauris molestie augue, sed posuere quam enim at nisl. Curabitur mauris turpis, laoreet eget hendrerit vel, scelerisque at dui. Nam dapibus, augue at tincidunt condimentum, augue nibh semper elit, vel interdum arcu risus id purus. Praesent suscipit tempor justo bibendum vulputate. Donec eu metus non quam bibendum sollicitudin. Sed suscipit libero eu ipsum tristique scelerisque. Maecenas egestas, lacus id malesuada dictum, purus justo varius arcu, tempor porta libero ante vel lectus. Nam mollis pharetra scelerisque. Proin adipiscing, purus at adipiscing dictum, sem lectus bibendum enim, eu viverra sem neque sed nisi. Morbi nibh nibh, gravida at dignissim at, sollicitudin sed lorem. In luctus leo dui, non congue neque. Integer posuere ipsum sit amet ligula posuere ultricies. Phasellus eu nisl felis. Cras vulputate ullamcorper purus interdum rhoncus. Cras interdum dapibus risus nec tempor.
</p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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