JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
    <a href="#">
          <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/0/0d/Bundesarchiv_B_145_Bild-F038805-0013%2C_Wolfsburg%2C_VW_Autowerk%2C_Teststrecke%2C_K%C3%A4fer.jpg/220px-Bundesarchiv_B_145_Bild-F038805-0013%2C_Wolfsburg%2C_VW_Autowerk%2C_Teststrecke%2C_K%C3%A4fer.jpg" alt="Auto von Wikipedia" />
      <figcaption>Erklärung</figcaption>
    </a>
</figure>

SCSS

figure > a {
    display: table;
    border: 1px dotted red;
}

figure > a > img,
figure > a > figcaption {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}