JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<figure>
    <img src="https://yt3.ggpht.com/-V92UP8yaNyQ/AAAAAAAAAAI/AAAAAAAAAAA/zOYDMx8Qk3c/s100-c-k-no/photo.jpg" style="float:left;">
    <figcaption>cat</figcaption>

</figure>
</div>
<div>
<figure>
    <img src="https://yt3.ggpht.com/-V92UP8yaNyQ/AAAAAAAAAAI/AAAAAAAAAAA/zOYDMx8Qk3c/s100-c-k-no/photo.jpg" style="float:left;">
    <figcaption>cat</figcaption>
</figure>
</div>
<div>
<figure>
    <img src="https://yt3.ggpht.com/-V92UP8yaNyQ/AAAAAAAAAAI/AAAAAAAAAAA/zOYDMx8Qk3c/s100-c-k-no/photo.jpg" style="float:left;">
    <figcaption>cat</figcaption>
</figure>
</div>

CSS

figure{
vertical-align:middle;
}
figcaption{
 float:left;
 vertical-align:middle;
}
div{
  vertical-align:middle;
  display:inline-block;
}