title

dabblet.css

/* 
title 
*/

.b-calendar {	
	padding: 1em;
	border: 1px solid red;
	display: inline-block;
}

* html .b-calendar {
	display: inline;
	zoom: 1;
}

.b-image {
	vertical-align: top;
}

.b-annotation {
	display: inline-block;
	vertical-align: bottom;
}


* html .b-annotation {
	display: inline;
	zoom: 1;
}

dabblet.html

<div>
	<span class="b-calendar">
		<span class="b-calend__day">10</span><br/>		
		<span class="b-calend__month">ноя</span>
	</span>
	
	<img src="http://company-spacy.daze.yandex.com.tr/i/celebration/2012/teachersday-12-tr.png" class="b-image"/>

	<span class="b-annotation">
		Первая строка<br />
		Вторая строка<br/>
		Третья строка<br />
		Четвертая строка<br />
	</span>
<div>

settings.json

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