DWC 2

dabblet.css

/**
 * DWC 2
 */

body {padding: 100px  0 0 0} 

.content {
	width: 708px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden} /* if you want to give the div a border or background color */
	
img {border: 0}

.even {margin: 0 50px 100px 0}

.odd {margin: 0 0 100px 50px}

dabblet.html

<div class="content">

	<img src="http://farm8.staticflickr.com/7245/7289819658_eefd3baa3f_n.jpg" width="300" height="212" class="even" alt="" />
	<img src="http://farm8.staticflickr.com/7245/7289819658_eefd3baa3f_n.jpg" width="300" height="212" class="odd" alt="" />
	<img src="http://farm8.staticflickr.com/7245/7289819658_eefd3baa3f_n.jpg" width="300" height="212" class="even" alt="" />
	<img src="http://farm8.staticflickr.com/7245/7289819658_eefd3baa3f_n.jpg" width="300" height="212" class="odd" alt="" />

</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"result"}