schadeck · May 19, 2012 15:04
diff --git a/dabblet.css b/dabblet.css
 /**
 * Absolute Centering
 */

 div { width: 300px; height: 250px; background: green; position: relative;}
 div div { width: 50%; height: 50%; background: blue;}
 .center {
 position: absolute;
 top:0;
 left:0;
 right:0;
 bottom: 0;
 margin: auto;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div>
 	<div class="center"></div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Absolute Centering
	*/

	div { width: 300px; height: 250px; background: green; position: relative;}
	div div { width: 50%; height: 50%; background: blue;}
	.center {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom: 0;
	margin: auto;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div>
	<div class="center"></div>
	</div>