Untitled

dabblet.css

div {
	width: 300px;
	background: red;
}

img.ololo {
	min-height: 100%;
}

article {
	display: flex;
	flex-direction: column;
}


main {
display: flex;
}



.ololo2 {
	vertical-align: bottom;
}
.ololo3 {	vertical-align: top;}

dabblet.html

<main>

<article><div><img class="ololo" width="200" src="http://cs618416.vk.me/v618416180/17a87/daZR7YCgXnE.jpg"></div>
<div><img width="200" src="http://cs618416.vk.me/v618416180/17a87/daZR7YCgXnE.jpg"></div>
</article>


<section><div><img class="ololo" width="200" src="http://cs618416.vk.me/v618416180/17a87/daZR7YCgXnE.jpg"></div><div><img width="200" src="http://cs618416.vk.me/v618416180/17a87/daZR7YCgXnE.jpg"></div></section>

<section><div><img class="ololo2" width="200" src="http://cs618416.vk.me/v618416180/17a87/daZR7YCgXnE.jpg"></div><div><img width="200" class="ololo3" src="http://cs618416.vk.me/v618416180/17a87/daZR7YCgXnE.jpg"></div></section>

</main>

dabblet.js

// alert('Hello world!');

settings.json

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