The first commented line is your dabblet’s title

dabblet.css

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

[class$="button"] {  
  color: #333;
  background-color: #ccc;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  padding: 8px 10px;
  font-family: sans-serif;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
[class$="-button"] {
  color: #fff;
}
.confirm-button {
  background-color: #264ea9;
}
.error-button {
  background-color: #f20000;
}​

dabblet.html

<a href="#" class="button">Action</a>
<a href="#" class="confirm-button">Action</a>
<a href="#" class="error-button">Action</a>​

settings.json

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