---- for demo ---

dabblet.css

.widget {
  border: 1px solid skyblue;
  margin-bottom: 20px;
}
.widget h2,
.widget h3 {
  padding: 10px;
  background-color: skyblue;
}
.widget p,
.widget ul {
  padding: 10px;
  font-size: 14px;
}















/* ---- for demo --- */
* {
  margin-top: 0;
  margin-bottom: 0;
}

body {
  padding: 100px;
}

li {
  margin-left: 1em;
}

dabblet.html

<div class="widget">
  <h2>Title</h2>
  <p>Blah Blah Blah.</p>
</div>

<div class="widget">
  <h3>Link list</h3>
  <ul>
  	<li>Blah Blah Blah.</li>
  	<li>Blah Blah Blah.</li>
  	<li>Blah Blah Blah.</li>
  </ul>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"140","seethrough":"","prefixfree":"1","page":"all"}