The first commented line is your dabblet’s title

dabblet.css

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

.box {
	padding: 10px;
	margin: 30px;
	font-weight: bold;
	font-family: sans-serif;
}
.text {
	margin: 10px;
}

.box.red {
	background: red;
}
.red {
	color: red;
}

.box.blue {
	background: blue;
}
.blue {
	color: blue;
}
	
.box.green {
	background: #00ff00;
}	
.green {
	color: #00ff00;
}

dabblet.html

<div class="box red"><span class="text blue">blue</span><span class="text green">green</span></div>
<div class="box blue"><span class="text red">red</span><span class="text green">green</span></div>
<div class="box green"><span class="text blue">blue</span><span class="text red">red</span></div>

dabblet.js

// alert('Hello world!');

settings.json

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