CSS2.1 8.3.1 Collapsing margins

dabblet.css

/**
 * CSS2.1 8.3.1 Collapsing margins
 */

div { margin: 50px; background: #000; color: #fff; }
p { margin: 80px 0; background: rgba(128,255,128,.3);}
span {
	float: left;
	background: rgba(255,255,192,.8);
	color: green;
	width: 90px;
	height: 80px;
	border: 1px solid #ccc;
	margin:  -1px 2px;
	box-shadow: 0 0 1px rgba(255,255,192,.8);
}
.clear { clear: left; }

dabblet.html

<div>
	<p><span>Float в непустом блоке 1</span>Первый абзац</p>
	<p style="margin-bottom:100px"><span>Float из пустого блока 2</span></p>
	<p><span>Float в непустом блоке 3</span>Третий абзац</p>
</div>

settings.json

{"view":"separate","seethrough":"","prefixfree":"1","page":"all"}