JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>
<a href='#'><img alt='' src='https://upload.wikimedia.org/wikipedia/commons/e/e2/Merton_College_Oxford_Coat_Of_Arms.svg' /></a>
<a href='##'>Merton</a>
</li>
</ul>

CSS

li{
    display: block;
    width: 9em;
    margin-right: 1em;
    height: 12em;
    text-align: center;
}

li img{
    height: 8em;
    display: block;
    margin: 0 auto;
}