Untitled

dabblet.css

body {
  background: white;
}


.three-column {
	border: 1px solid red;
	width: 100%;
	table-layout: fixed;
}

.left, .center, .right {
	vertical-align: top;
}

.center {
	width: 480px;
	border: 1px dotted green;
}

.left, .right {
	border: 1px dashed blue;
}

dabblet.html

<table class="three-column">
	<tr>
		<td class="left" width="*">
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
			123 123 123 123 123
		</td>
		<td class="center">
			789
		</td>
		<td class="right" width="*">
			456 456 456 456 456
			456 456 456 456 456
			456 456 456 456 456
			456 456 456 456 456
		</td>
	</tr>
</table>

dabblet.js

// alert('Hello world!');

settings.json

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