Widget JUSTICE

dabblet.css

/**
Widget JUSTICE
 */

html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}
body {
	padding: 40px;
}
.widgets {
	max-width: 950px;
    margin: 0 auto;
    text-align: justify;
}
.widget {
	display: inline-block;
    max-width: 200px;
    margin: 30px;
    text-align: left;
    vertical-align: top;
}
.justice {
	display: inline-block;
    width: 100%;
    border: 0;
}

dabblet.html

<!-- The hr convinces the sections to justify -->
<div class="widgets">
	<div class="widget">
		<p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
	</div>
	<div class="widget">
		<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
	</div>
	<div class="widget">
		<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
	</div>
	<hr class="justice">
</div>

dabblet.js

// alert('Hello world!');

settings.json

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