The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

div {
	width: 100px;
	border: 1px solid;
}

dabblet.html

<div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><path d="M16.667,62.167c3.109,5.55,7.217,10.591,10.926,15.75 c2.614,3.636,5.149,7.519,8.161,10.853c-0.046-0.051,1.959,2.414,2.692,2.343c0.895-0.088,6.958-8.511,6.014-7.3 c5.997-7.695,11.68-15.463,16.931-23.696c6.393-10.025,12.235-20.373,18.104-30.707C82.004,24.988,84.802,20.601,87,16" style="stroke-dasharray: 126.369537353516px, 126.369537353516px; stroke-dashoffset: 0px; -webkit-transition: stroke-dashoffset 0.2s ease-in-out 0s; transition: stroke-dashoffset 0.2s ease-in-out 0s;"></path></svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 18.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.0" id="insert-plugin" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 viewBox="0 0 30 30" xml:space="preserve">
    <circle fill="#64a500" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" cx="15" cy="15" r="13"/>
    <line fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="9" y1="15" x2="21" y2="15"/>
    <line fill="none" stroke="#ffffff" stroke-width="2" stroke-miterlimit="10" x1="15" y1="9" x2="15" y2="21"/>
</svg>

<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="checkcircle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"	 y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve"><g id="checkcircle-icon">	<circle id="circle" fill="#FFFFFF" cx="16" cy="16" r="14"/>	<path id="check-icon_1_" fill="#64BC47" d="M14.625,20.882c-0.061,0.043-0.116,0.073-0.189,0.073c-0.073,0-0.128-0.031-0.189-0.073		l-4.43-4.435c-0.104-0.098-0.104-0.275,0-0.373l1.827-1.827c0.098-0.099,0.275-0.099,0.373,0l2.419,2.432l5.549-5.562		c0.098-0.098,0.275-0.098,0.372,0l1.827,1.828c0.104,0.098,0.104,0.275,0,0.373L14.625,20.882z"/></g></svg>

<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="check" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 width="16px" height="16px" viewBox="8.5 8.5 16 16" enable-background="new 8.5 8.5 16 16" xml:space="preserve"><path id="check-icon" fill="#231F20" d="M14.962,21.958c-0.068,0.049-0.13,0.082-0.211,0.082s-0.144-0.034-0.211-0.082L9.587,17	c-0.116-0.109-0.116-0.308,0-0.416l2.042-2.043c0.109-0.11,0.308-0.11,0.417,0l2.705,2.719l6.204-6.218	c0.109-0.109,0.308-0.109,0.416,0l2.042,2.043c0.116,0.109,0.116,0.307,0,0.417L14.962,21.958z"/></svg>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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