JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><img src='1.jpg' width="100" height="50"></li>
<li><img src='2.jpg' width="100" height="50"></li>
<li><img src='3.jpg' width="100" height="50"></li>
<li><img src='4.jpg' width="100" height="50"></li>
<li><img src='5.jpg' width="100" height="80"></li>
<li><img src='6.jpg' width="100" height="50"></li>
<li><img src='7.jpg' width="100" height="50"></li>
<li><img src='8.jpg' width="100" height="50"></li>
<li><img src='9.jpg' width="100" height="50"></li>
</ul>

CSS

ul{
list-style:none;
}
li{
display: inline-block;
background:#ccc;
}