The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

body {
	background: #efefef;
}

.container {
	display: table;
	position: absolute;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

.col1 {
	float: left;
	position: relative;
	width: 50%;
}
.col2 {
	float: none;
	position: relative;
	width: auto;
	margin: 0 0 0 50%;
	background: #ccc;
}

.col2:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
 }
  * html .col2             { zoom: 1; } /* IE6 */
  *:first-child+html .col2 { zoom: 1; } /* IE7 */

dabblet.html

<div class="container">
	<div class="col1">
		<h1>Test</h1>
		<p>Lorem impsum ...</p>
	</div>
	<div class="col2">
		<p>Test right</p>
	</div>
</div>

settings.json

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