The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
.quadrado {
background: green;
height:100px;
top:100px;
width:100px;
}

.absolute {
position: absolute;
background: blue;
top:20px;
left:30px;
}

.relativo {
position: relative;
}

dabblet.html

<div class="quadrado relativo">
  <div class="quadrado absolute"> 
     texto
     </div>
     </div>

dabblet.js

// alert('Hello world!');

settings.json

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