Untitled

dabblet.css

ul.gallery {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.gallery li {
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: inline-block;
	margin: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	border: 2px solid rgba(0,0,0,0.7);
	text-align: center;
}

ul.gallery li img {
	height: 100%;
	width: auto;
}

dabblet.html

<ul class='gallery'>
	<li>
		<img src='http://www.deshow.net/d/file/animal/2009-07/cute-kitten-631-2.jpg' />
	</li>
	<li>
		<img src='http://www.deshow.net/d/file/animal/2009-07/cute-kitten-631-2.jpg' />
	</li>
	<li>
		<img src='http://www.deshow.net/d/file/animal/2009-07/cute-kitten-631-2.jpg' />
	</li>
	<li>
		<img src='http://www.deshow.net/d/file/animal/2009-07/cute-kitten-631-2.jpg' />
	</li>
<ul>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}