The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body { background: #fff; padding: 100px; font: 11px/16px Sans-serif, Helvetica, Arial; color: #fff; }

.button {
	width: 46px; height: 24px; line-height: 25px; cursor: pointer;
	text-align: center; display: inline-block; vertical-align: middle; ffont-weight: bold;
	background: -webkit-linear-gradient(#81C859, #68A047);
	border: 1px solid #679F46; border-radius: 4px;
	text-shadow: 0 1px 0 #466F31;
	/*box-shadow: inset 0 1px 0 #98D375, normal 0 2px 0 #507B36;*/
	box-shadow: inset 0px 1px #98D375;
	position: relative;
}
.button:after {
	content: ""; display: inline-block;
	position: absolute; left: 0; right: 0;/* top: 0; bottom: 0;*/
	bottom: -1px;
	height: 8px;
	border-radius: 4px;
	border-width: 0 0 1px 0;
	border-bottom: 1px solid rgba(0, 0, 0, .21);
}

dabblet.html

<span class="button">Share</span>

settings.json

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