Плавающая модель

dabblet.css

/**
 * Плавающая модель
 */
body {
	height: 100%;
	}

.box {
	height:100px;
	width:100px;
	margin:20px;
	background:orange;
	}
.container {
	/*padding:20px;*/
	margin:20px;
	background:silver;
	min-height:100px;
	clear:both;
	overflow:hidden;
	}
.container-float-inline .box {
	float:left;
	}
.container-float-clear .box {
	float:left;
	clear:both;
	}

dabblet.html

<div class="container container-normal">
	<div class="box"></div>
	<div class="box"></div>
</div>

<div class="container container-float-inline">	
	<div class="box"></div>

	<div class="box"></div>

	<div class="box"></div>
</div>

<div class="container container-float-clear">	
	<div class="box"></div>
	<div class="box"></div>
</div>

settings.json

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