Position relative / absolute demo

dabblet.css

/* Position relative / absolute demo */

.box {
	width: 		150px;
	height: 	150px;
	background: hotpink;
	display: 	inline-block;
	margin-right: 5px;
	position: 	relative;
}

.test {

	background: darkslategray;
	left: 		0;
}

.small-box {
	width: 		75px;
	height: 	75px;
	background: crimson;
	
	position: 	absolute;
	bottom: 	-5px;
	right: 		-5px;
}

.section-main {
	position: 	absolute;
	bottom: 	0;
	right: 		0;
}

dabblet.html

<section class="section-main">
	<div class="box test">
		<div class="small-box"></div>
	</div>
	<div class="box">
		<div class="small-box"></div>
	</div>
	<div class="box">
		<div class="small-box"></div>
	</div>
</section>

dabblet.js

// alert('Hello world!');

settings.json

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