plindberg/dabblet.css

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

.container {width:100%;display:table;background:red;}

.fixed_width {
   background:green;
   width:160px;
   height:300px;
   border:6px dashed #153410;
   display:table-cell;
}
.dynamic_width {
   background:blue;
   height:300px;
   border:6px dashed #f6c230;
   display:table-cell;
   width:auto;
}

*html .fixed_width {float:left;}


## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<div class="container">
   <div class="fixed_width"></div>
   <div class="dynamic_width"></div>
</div>

## settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.container {width:100%;display:table;background:red;}

	.fixed_width {
	background:green;
	width:160px;
	height:300px;
	border:6px dashed #153410;
	display:table-cell;
	}
	.dynamic_width {
	background:blue;
	height:300px;
	border:6px dashed #f6c230;
	display:table-cell;
	width:auto;
	}

	*html .fixed_width {float:left;}
	<!-- content to be placed inside <body>…</body> -->

	<div class="container">
	<div class="fixed_width"></div>
	<div class="dynamic_width"></div>
	</div>