criography/dabblet.css

## dabblet.css
/**
 * Flex b0x test
 */

#parent{
	width	: 600px;
	display	: box;
}

#parent div{
 	border		: 1px solid #e0e0e0;
 	box-flex	: 1;
 	background	: #e7e7e7;
 	margin		: 10px;
}

#col1{
	box-flex:2 !important;
}

#col2{
	background:silver !important;
}


## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="parent">
	<div id="col1">+++</div>
	<div id="col2">+++<br />+++<br />+++</div>
	<div id="col3">+++<br />+++<br />+++<br />+++<br />+++<br />+++</div>
</div>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Flex b0x test
	*/

	#parent{
	width : 600px;
	display : box;
	}

	#parent div{
	border : 1px solid #e0e0e0;
	box-flex : 1;
	background : #e7e7e7;
	margin : 10px;
	}

	#col1{
	box-flex:2 !important;
	}

	#col2{
	background:silver !important;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="parent">
	<div id="col1">+++</div>
	<div id="col2">+++<br />+++<br />+++</div>
	<div id="col3">+++<br />+++<br />+++<br />+++<br />+++<br />+++</div>
	</div>