The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body{
	background: #EFE0C9;
}
.coupon-widget {
	border-radius: 6px;
	background-color: #ADAEAE;
	clear: both;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
	position: relative;	
}
.coupon-widget h3 {
	-webkit-transform:rotate(270deg);
	color: #fff;
	margin:0;
	position: absolute;
	top: 50%;
	line-height: 0;
	left: -.75em;
}
.coupon-widget .content {
	background: #fff;
	margin-left: 2.5em;
	min-height: 80px;
	padding: 10px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}

dabblet.html

<div class="coupon-widget">
	<h3>Specials</h3>
	<div class="content">
	Make a reservation online and <strong>recieve a discount!</strong>
	</div>
</div>

settings.json

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