Untitled

dabblet.css

body {
    background-color: #fff;
    color: #333;
}

.outer {
    position: relative;
    border: 3px solid orange;
    width: 400px;
    height: 400px;
}

.box {
    position: absolute;
    margin: 10px;
    width: 150px;
    height: 150px;
    opacity: 0.9;
}

.red {
    background-color: red;
    left: 0;
    top: 0;
}

.green {
    background-color: green;
    right: 0;
    top: 0;
}

.blue {
    background-color: blue;
    left: 0;
    bottom: 0;
}

.yellow {
    background-color: yellow;
    right: 0;
    bottom: 0;
}

dabblet.html

<div class="outer">
    <div class="box red"></div>
    <div class="box green"></div>
    <div class="box blue"></div>
    <div class="box yellow"></div>
</div>

settings.json

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