relative position

dabblet.css

/**
 * relative position
 */
 
 .box-set {
  background: #e8eae9;
  color:#fff;
}
.box {
  background: #8ec63f;
  height: 80px;
  width: 80px;
  border-radius: 5px;
  line-height:80px;
  text-align:center;
}

.box-1 {
    position: relative;
    top: 20px;
  }
  
.box-2 {
    position: relative;
    right: 20px;
}

dabblet.html

<div class="box-set">
  <div class="box box-1">Box 1</div>
  <div class="box box-2">Box 2</div>
  <div class="box box-3">Box 3</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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