josefrichter/dabblet.css

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

.container {
	width:50%;
	position:relative;
}

img {
	float:left;
	margin: 0 10px 0px 0;
}

.meta {
	background:red;
	display:table-cell;
	height:100%;
	vertical-align:bottom;
}

.cleaner {
	height:0;
	width:100%;
	clear:both;
}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="container">
	<img src="http://lorempixel.com/200/200/abstract" />
	<div class="text">Lorem Ipsum</div>
	<div class="meta">Some meta data</div>
	<div class="cleaner">&nbsp;</div>
</div>


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

	.container {
	width:50%;
	position:relative;
	}

	img {
	float:left;
	margin: 0 10px 0px 0;
	}

	.meta {
	background:red;
	display:table-cell;
	height:100%;
	vertical-align:bottom;
	}

	.cleaner {
	height:0;
	width:100%;
	clear:both;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="container">
	<img src="http://lorempixel.com/200/200/abstract" />
	<div class="text">Lorem Ipsum</div>
	<div class="meta">Some meta data</div>
	<div class="cleaner"> </div>
	</div>