The first commented line is your dabblet’s title

dabblet.css

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

/*background: #f06;*/
/*background: linear-gradient(45deg, #f06, yellow);*/
min-height: 100%;

dabblet.html

<!--<div style="border:1px solid red;">
    <span style="margin:100px; background:gray;">ddd</span>
</div>
<br/>
<div style="border:1px solid red; width:100px;">
    <div style="margin:50px 0; background-color:green; height:50px; width:50px;border:1px solid red;">
       <div style="margin:20px 0;border:1px solid blue;">
           <div style="margin:100px 0;border:1px solid red;">B</div>
       </div>
    </div>
</div>

<div style="height:50px; margin-bottom:50px; width:50px; background-color: red;border:1px solid blue;">A</div>
<div style="height:50px; margin-top:100px; width:50px; background-color: green;border:1px solid red;">B</div>
-->

<div style="height:100px; margin-bottom:-75px; width:100px; background-color: red;">A</div>
<div style="height:100px; margin-top:-50px; margin-left:50px; width:100px; background-color: green;">B</div>

<!--<div style="height:50px; margin-bottom:-50px; width:50px; background-color: red;">A</div>
<div style="height:50px; margin-top:100px; width:50px; background-color: green;">B</div>
-->

dabblet.js

// alert('Hello world!');

settings.json

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