JSFiddle - React, Tailwind, and code Playground

HTML

<div class="middle">
    <img src="http://lorempixel.com/100/100" alt="-">
</div
><div class="middle">
    <img src="http://lorempixel.com/100/120" alt="-">
</div
><div class="middle">
    <img src="http://lorempixel.com/100/80" alt="-">
</div
><div class="middle">
    <img src="http://lorempixel.com/100/150" alt="-">
</div>

CSS

.middle {
    *display: inline; /* IE 7 */
    *zoom: 1; /* IE 7 */
    
    display: inline-block;
    vertical-align: middle;
}