JSFiddle - React, Tailwind, and code Playground

by Sebastian Brosch

HTML

<!-- http://stackoverflow.com/questions/33277149/how-to-center-vertically-figcaption -->
<figure>
    <figcaption class="title">xxx</figcaption>
    <img src="http://placehold.it/250x300"/>    
</figure>

CSS

figure {
    display:table;
}
figure figcaption.title {
    display:table-cell;
    vertical-align:middle;
}
figure img {
    display:table-cell;
    width:60%;
}