JSFiddle - React, Tailwind, and code Playground

HTML

<div id="photos-preview">
            <input class="photos-btn" type="button" onclick="slidePrev();" value="&lt;&lt;" />
<img src="http://www.inside-guides.co.uk/includes/tn.asp?src=%2FLiveStorage%2FUploads%2FImage%2FClient+Logos%2FDCC190C1%2DB775%2D49B0%2DB58D%2DC89F349364AFimg2%2EJPG&w=30" style="margin:3px;cursor:pointer" onclick="$('.MainImage').fadeOut(500).hide(0,function(){$('#MainImage<%=images(i)%>').fadeIn(500)});" />
            <input class="photos-btn" type="button" onclick="slideNext();" value="&gt;&gt;" />
        </div>

CSS

#photos-preview * {
    vertical-align: middle;
}