JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li><a href="#"><img src="http://dummyimage.com/100x40/000/fff"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/100x40/000/fff"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/200x40/000/fff"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/50x40/000/fff"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/50x40/000/fff"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/50x40/000/fff"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/50x40/000/fff"></a></li>
</ul>

CSS

#menu {
    width: 200px;
    margin: 300px;
}

#menu img {
    float: left;
    outline: 1px solid red;
}