LeoUfimtsev/dabblet.css

## dabblet.css
/** Side by side
 * The first commented line is your dabblet’s title
 */
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

.bigbox {
 	width: 200px;
 	height: 200px;
 	background: linear-gradient(45deg, yellow, green);
 	min-heihgt:100%;
}
.smallboxFloatRight {
	width: 100px;
	height: 100px;
	background: linear-gradient(20deg, orange, red);
	float: right;
}
.leftText {
	width: 100px;
	height: 100px;
	float: left;
}

## dabblet.html
<body>
   <div class="bigbox">
   	<span class="leftText"> hello world how are you doing </span>
   	<div class="smallboxFloatRight"> </div>
   </div>
</body>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/** Side by side
	* The first commented line is your dabblet’s title
	*/
	body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	}

	.bigbox {
	width: 200px;
	height: 200px;
	background: linear-gradient(45deg, yellow, green);
	min-heihgt:100%;
	}
	.smallboxFloatRight {
	width: 100px;
	height: 100px;
	background: linear-gradient(20deg, orange, red);
	float: right;
	}
	.leftText {
	width: 100px;
	height: 100px;
	float: left;
	}
	<body>
	<div class="bigbox">
	<span class="leftText"> hello world how are you doing </span>
	<div class="smallboxFloatRight"> </div>
	</div>
	</body>