Untitled

dabblet.css

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  }

div {
  /* for demo */
  background: indianred;
  color: white;
  border: 1px solid;
  }

.a {
  float: left;
  }
.c {
  float: right;
  }
	.a, .c {
	/* for demo */
  	width: 25%;
  	}
.b {
  position: absolute;
  right: 0; left: 0;
  margin: auto;
  
  /* for demo */
  width: 50%;
  height: 1000px;
  }

dabblet.html

<div class='b'>B</div>
<div class='a'>A</div>
<div class='c'>C</div>

dabblet.js

// alert('Hello world!');

settings.json

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