The first commented line is your dabblet’s title

dabblet.css

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

.fl {
	float: left;
	width: 200px;
	height: 100px;
	background: #ff0000;
}

.auto-container {
	background: #ffff00;
	overflow: visible;
}

.auto {
	background: #00ff00;
	width: 10%;
	height: 10px;
}

.auto .auto {
	background: #00ffff;
}

.auto2 {
	background: #ff00ff;
}

dabblet.html

<div class="fl">Float left</div>
<div class="auto-container">
	<div class="auto">Auto 2 Auto 2 Auto 2 Auto 2 Auto 2</div>
</div>

settings.json

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