JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
				
    <li>
        <div>
            <img class="logo" src="http://placehold.it/50x50" />

        </div>
    </li>


    <li>
        <div>
            <img class="logo" src="http://placehold.it/50x100" />

        </div>
    </li>

</ul>

CSS

li {
    float:left;
    width:195px;
    height:195px;
    border:1px solid black;
    list-style-type:none
}

li div {
    text-align:center
}