JSFiddle - React, Tailwind, and code Playground

HTML

<div class="img">
    <a target="_blank" href="klematis_big.htm">
        <img src="http://placehold.it/100x100" alt="Klematis" width="110" height="90" />
    </a>
    <div class="desc">Drömmar</div>
</div>

<div class="img">
    <a target="_blank" href="klematis_big.htm">
        <img src="http://placehold.it/100x100" alt="Klematis" width="110" height="90" />
    </a>
    <div class="desc">Drömmar</div>
</div>

<div class="img">
    <a target="_blank" href="klematis_big.htm">
        <img src="http://placehold.it/100x100" alt="Klematis" width="110" height="90" />
    </a>
    <div class="desc">Drömmar</div>
</div>

<div class="img">
    <a target="_blank" href="klematis_big.htm">
        <img src="http://placehold.it/100x100" alt="Klematis" width="110" height="90" />
    </a>
    <div class="desc">Drömmar</div>
</div>

<div class="img">
    <a target="_blank" href="klematis_big.htm">
        <img src="http://placehold.it/100x100" alt="Klematis" width="110" height="90" />
    </a>
    <div class="desc">Drömmar</div>
</div>

CSS

div.img
{
margin: 2px;
width: auto;
height: auto;
border: 1px solid #ffffff;
text-align: center;
float: left;
}

div.img img
{
display: inline;
margin: 3px;
}

div.img a:hover img
{
border: 1px solid #ffffff;
}

div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}