JSFiddle - React, Tailwind, and code Playground

by orig

HTML

<section>
   AHAHA
    <img height="20" src="http://media.smashingmagazine.com/images/rss/rss_icon.jpg"/>
    <img height="30" src="http://media.smashingmagazine.com/images/rss/rss_icon.jpg"/>
   
</section>
<div><span></span></div>

CSS

img { vertical-align: middle;}
section { height: 30px; line-height: 30px;}

JavaScript

var x=$('div span');

$('img').each(function() {
    x[0].innerHTML += $(this).position().top+'<br/>';
});