The first commented line is your dabblet’s title
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
<!-- content to be placed inside <body>…</body> -->
<div id="box_1" class="box">
<div class="orange"></div>
</div>
<div id="box_2" class="box">
<div class="orange"></div>
</div>
<div id="box_3" class="box">
<div class="orange"></div>
</div>
<div id="box_4" class="box">
<div class="orange"></div>
</div>
/**
* The first commented line is your dabblet’s title
*/
.box {
position: absolute;
width: 200px;
height: 200px;
}
#box_1 {
top: 0;
left: 0;
background: #ee3e64;
}
#box_2 {
top: 0;
right: 0;
background: #44accf;
}
#box_3 {
bottom: 0;
left: 0;
background: #b7d84b;
}
#box_4 {
bottom: 0;
right: 0;
background: #ebde52;
}
.orange {
background: #f95b34;
position: absolute;
top: 39%;
left: 41%;
width: 40px;
height: 40px;
}