The Magic

dabblet.css

.prod-listing {
	list-style:none;
	margin:0;
	padding:0;
}

.prod__item {
	border:1px solid #000;
	float:left;
	text-align:center;
	width:25%;
}

.prod__item + .prod__item {
	margin-left:1em;
}

.prod__img {
	height:200px;
	overflow:hidden;
}

.prod__img img {
	max-width:100%;
	max-height:60%
}

.prod__desc {
	background:grey;
	padding:1em;
}

/* The Magic */
.vertical:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	margin-right: -0.25em;
}

.vertical > *:first-child {
	display:inline-block;
  	vertical-align: middle;
}

dabblet.html

<ol class="prod-listing">

	<li class="prod__item">
		<div class="prod__img vertical">
			<img src="http://www.petforums.co.uk/resources/images/e/e8/Cats-portal.jpg" alt="cute cat" />
		</div>
		<div class="prod__desc">
			<p>Product info</p>
		</div>
	</li>

	<li class="prod__item">
		<div class="prod__img vertical">
			<img src="http://www.pictures-of-cats.org/images/i-love-my-small-cat-21345461.jpg" alt="cute cat" />
		</div>
		<div class="prod__desc">
			<p>Product info</p>
		</div>
	</li>

	<li class="prod__item">
		<div class="prod__img vertical">
			<img src="http://www.digitalphoto.pl/foto_galeria/3687_2007-2098.JPG" alt="cute cat" />
		</div>
		<div class="prod__desc">
			<p>Product info</p>
		</div>
	</li>
</ol>

settings.json

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