Каким образом выравнить изображение, чтобы оно сверху автоматически отступало, как показано на скриншоте? Пытался химичить с vertical-align
, но ничего не вышло.
.item {background: #cccccc; text-align: center; height: 250px}
<div class="item">
<div class="image">
<img src="https://cdn2.iconfinder.com/data/icons/cat-power/128/cat_eyes.png" />
</div>
</div>
http://jsfiddle.net/0e2dLzqp/1/
Решение не должно быть на CSS3 и на JS.