Floats: clearfix

dabblet.css

/**
 * Floats: clearfix
 */

div {
	width: 200px;
	border: 1px solid black;
}
span {
	float: left;
	width: 33%;
	text-align: center;
	padding: 5px 0;
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

dabblet.html

<div>
	<span>first</span>
	<span>second</span>
	<span>third</span>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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