plindberg · February 24, 2012 14:09
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 #o {
 border:1px solid hotpink;
 width: 200px;
 height: 200px;
 position: relative;
 }

 #w {
 display: table;
 border-radius: 30px;
 border: 5px solid blue;
 background-color: blue;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 height: 100%;
 }
 #a, #b {
 display: table-cell;
 width: 100px;
 height: 100px;
 }
 #a {
 margin-right: -5px;
 }
 #b {
 margin-left: -5px;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div id=o>
 <div id=w>
 <div id=a></div>
 <div id=b></div>
 </div>
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	#o {
	border:1px solid hotpink;
	width: 200px;
	height: 200px;
	position: relative;
	}

	#w {
	display: table;
	border-radius: 30px;
	border: 5px solid blue;
	background-color: blue;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	}
	#a, #b {
	display: table-cell;
	width: 100px;
	height: 100px;
	}
	#a {
	margin-right: -5px;
	}
	#b {
	margin-left: -5px;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div id=o>
	<div id=w>
	<div id=a></div>
	<div id=b></div>
	</div>
	</div>