JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
      <a><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" /></a>
      <figcaption><a>Erklärung</a></figcaption>
   </figure>

SCSS

html, 
body, 
figure,
figcaption {
    margin:0;
    padding:0;
}
a {
    cursor:pointer;
}
figure {
    text-align:center;
    border:1px solid red; 
    
    a, 
    figcaption {
       width:49%;
       display:inline-block;
       vertical-align:middle;
       border:1px solid green;  
       text-align:left;
          a {
              border:0 none;text-align:left;
          }
    }
    a {
        text-align:right;
    }
}