JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li><img src="http://placehold.it/20x60" alt=""></li>
	<li><img src="http://placehold.it/100x20" alt=""></li>
	<li><img src="http://placehold.it/40x30" alt=""></li>
</ul>

CSS

ul {
	display: flex;
}

li {
	height: 100px;
	width: 200px;
	vertical-align: bottom;
	list-style: none;
	border: 1px solid #bbb;
	margin-right: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}