Untitled

dabblet.css

.thumb {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  font-size:0;
  white-space: nowrap;
}

.thumb-inner {
  position: absolute;
  top: -400px;
  bottom: -400px;
}

.thumb-inner img{
  vertical-align: middle;
}

.valign {
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
  overflow: hidden;
}

dabblet.html

<div class="thumb">
<div class="thumb-inner">
<img src="http://dummyimage.com/200x500">
<i class="valign"></i>
</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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