JSFiddle - React, Tailwind, and code Playground

HTML

<ul>

<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>
<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>
<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>
<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>
<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>
<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>
<li><img src="http://s1.iconbird.com/ico/2013/9/430/w64h641378622493catupsidedown3.png" /> </li>


</ul>

CSS

ul {
  display: table;  
  border-collapse:separate;
  border-spacing:15px;
}

li {
display: table-cell;
height: 100px;
width: auto;
vertical-align: middle;
border: 1px solid black;

}

img {

}