Untitled

dabblet.css

.page { 
	display:table;
	width: 960px;
	border: solid 1px #555;
	padding: 30px 70px;
	overflow: auto;
}

.left,
.right {
	display:table-cell;
	width:50%;
	min-height:100%;
	vertical-align:top;
}

.left {
	background: #efefef;
}

.right {
	background:#ccc;
}

dabblet.html

<div class="page">
	<div class="left">
		<p>meh left a cetain lengthof content</p>
	</div>
	<div class="right">
		<p>meh right a much much much much much much much much much much much much much much much much much much much much longer amount</p>
		<p>meh right a much much much much much much much much much much much much much much much much much much much much longer amount</p>
		<p>meh right a much much much much much much much much much much much much much much much much much much much much longer amount</p>
		<p>meh right a much much much much much much much much much much much much much much much much much much much much longer amount</p>
	</div>
<div/>

settings.json

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