Untitled

dabblet.css

div {
  background-color: palegreen;
  display: inline;
  width: 100px;
  height: 100px;
  margin: 20px;
  padding: 10px;
}

span {
  background-color: skyblue;
  display: inline;
  width: 100px;
  height: 100px;
  margin: 20px 20px 20px 100px;
  padding: 10px 30px;
}

.ib {
  background-color: indianred;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 20px;
  padding: 10px;
}

dabblet.html

<div>Div</div>
<div>Div</div>
<hr>
<span>Span</span>
<span>Span</span>
<hr>
<span class="ib">Span</span>
<span class="ib">Span</span>

<hr>

<p class="tr">
  <span>Span</span>
</p>

<p class="tc">
  <span class="ib">Span</span>
</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"150","seethrough":"","prefixfree":"1","page":"css"}