Layouts - 2 column

dabblet.css

/**
 * Layouts - 2 column
 */
 
 body {
 	color:white;
 	margin:0;
 }

section:nth-child(1) {
	background:red;
}
section:nth-child(2) {
	background:blue;
}
section:nth-child(3) {
	background:green;
}

.inner-shadow {
	box-shadow:inset 0 0 35px black;
}

.column {
	padding:10px 25px;
	box-sizing:border-box;
}
.inline-block {
	display:inline-block;
}

.third { width:33%; }
.quarter { width:25%; }
.half { width:50%; }

dabblet.html

<article>
	<section class="column inline-block quarter inner-shadow">
	For sure ipsizzle hizzle sit amizzle, consectetuer adipiscing . Nullam sapien velizzle, i'm in the shizzle nizzle, bling bling crazy, gravida vel, bling bling. Pellentesque nizzle tortizzle. Nizzle yo mamma.
	</section>
	
	<section class="column inline-block half inner-shadow">
	For sure ipsizzle hizzle sit amizzle, consectetuer adipiscing . Nullam sapien velizzle, i'm in the shizzle nizzle, bling bling crazy, gravida vel, bling bling. Pellentesque nizzle tortizzle. Nizzle yo mamma.
	</section>
	
	<section class="column inline-block quarter inner-shadow">
	For sure ipsizzle hizzle sit amizzle, consectetuer adipiscing . Nullam sapien velizzle, i'm in the shizzle nizzle, bling bling crazy, gravida vel, bling bling. Pellentesque nizzle tortizzle. Nizzle yo mamma.
	</section>
</article>

dabblet.js

// alert('Hello world!');

settings.json

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