The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

.container {
	height: 300px;
	width: 300px;
	border: 10px solid #aaa;
	position: relative;
}

.child {
	position: absolute;
	width: 20px;
	height: 20px;
	background: green;
}

.tl { top: 0; left: 0; }
.tr { top: 0; right: 0; }
.bl { bottom: 0; left: 0; }
.br { bottom: 0; right: 0; }

dabblet.html

<div class="container">
	<div class="child tl"></div>
	<div class="child tr"></div>
	<div class="child bl"></div>
	<div class="child br"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}