shabunc · January 16, 2012 22:09
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 body {
 	display: box;
 	box-orient: vertical;
 }


 #box1 {
 	background: pink;
 	box-ordinal-group: 2;
 }

 #box2 {
 	background: lightyellow;	
 	box-ordinal-group: 1;
 }

 #box3 {
 	background: lightblue;
 	box-ordinal-group: 2;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div id="box1">
 	1
 </div>
 <div id="box2">
 	2
 </div>
 <div id="box3">
 	3
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	body {
	display: box;
	box-orient: vertical;
	}


	#box1 {
	background: pink;
	box-ordinal-group: 2;
	}

	#box2 {
	background: lightyellow;
	box-ordinal-group: 1;
	}

	#box3 {
	background: lightblue;
	box-ordinal-group: 2;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div id="box1">
	1
	</div>
	<div id="box2">
	2
	</div>
	<div id="box3">
	3
	</div>