ramsesoriginal · February 19, 2013 10:21
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 .container {
 width: 800px;
 height: 800px;
 position: relative;
 }

 .center
 {
 display: block;
 min-width: 10px;
 }

 .outer {
 	top: 50%;
 	position: absolute;
 	height: 100%;
 }

 .middle {
 	position: relative;
 	min-height: 10px;
 }

 .inner {
 	top: -50%;
 	position: absolute;
 	min-height: 10px;
 }

diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->


 <div class="container outer">
 	<div class="center outer">
 		<div class="center middle">
 			<div class="center inner">
 			test
 			</div>
 		</div>
 	</div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.container {
	width: 800px;
	height: 800px;
	position: relative;
	}

	.center
	{
	display: block;
	min-width: 10px;
	}

	.outer {
	top: 50%;
	position: absolute;
	height: 100%;
	}

	.middle {
	position: relative;
	min-height: 10px;
	}

	.inner {
	top: -50%;
	position: absolute;
	min-height: 10px;
	}
	<!-- content to be placed inside <body>…</body> -->


	<div class="container outer">
	<div class="center outer">
	<div class="center middle">
	<div class="center inner">
	test
	</div>
	</div>
	</div>
	</div>