JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="ui-draggable ui-draggable-handle"><img src="http://dummyimage.com/32x32/ff0000/ff0000.png" data-original="images/1.png" /></li>
    <li class="ui-draggable ui-draggable-handle"><img src="http://dummyimage.com/32x32/00ff00/00ff00.png" data-original="images/2.png" /></li>
    <li class="ui-draggable ui-draggable-handle"><img src="http://dummyimage.com/32x32/0000ff/0000ff.png" data-original="images/3.png" /></li>
                </ul>

CSS

ul li {
    display: block;
    height: 100px;
    line-height: 100px;
    border: 1px solid #ff0000;
}

ul li img {
    vertical-align: middle;
}