shabunc · January 25, 2012 15:09
diff --git a/dabblet.css b/dabblet.css
 .boxA {
 	width: 40px;
 	height: 20px;
 	background: pink;
 	background: red; 
 }


 .boxA::before {
 	border: 1px solid black;
 	display: inline-block;
 	background: green;
 	height: 100px;
 	width: 100px;
 	top: 0px;
 	left: 0px;
 	position: absolute;
 	content: "безумный vertical-align";
 	background: lightyellow -moz-element(#replicate) no-repeat center center;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <div class="boxA" id="replicate">
 	XXX
 </div>
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","prefixfree":"1","page":"css"}
	.boxA {
	width: 40px;
	height: 20px;
	background: pink;
	background: red;
	}


	.boxA::before {
	border: 1px solid black;
	display: inline-block;
	background: green;
	height: 100px;
	width: 100px;
	top: 0px;
	left: 0px;
	position: absolute;
	content: "безумный vertical-align";
	background: lightyellow -moz-element(#replicate) no-repeat center center;
	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="boxA" id="replicate">
	XXX
	</div>