JSFiddle - React, Tailwind, and code Playground

by calder12

HTML

<div>
<img src="http://icons.iconarchive.com/icons/femfoyou/angry-birds/256/angry-bird-yellow-icon.png"/>
<img src="http://profile.ak.fbcdn.net/hprofile-ak-snc7/373499_314467614927_424553939_q.jpg"/>
<img src="http://s3.evcdn.com/images/block/I0-001/010/602/214-3.jpeg_/birds-paradise-tim-laman-and-ed-scholes-national-14.jpeg"/>
</div>

CSS

div{height:300px; background-color:black;}
div img{vertical-align:top;}

JavaScript

$(document).ready(function(){
    $("img").each(function(){
var margin= ($(this).parent().height() - $(this).height())/2;
        $(this).css('margin-top',margin);
    });        
});