JSFiddle - React, Tailwind, and code Playground

HTML

<figure class="figure">
    <img src="http://dbwebb.se/image/tema/trad/blad.jpg" alt="">
    <figcaption>
        Här är en bildtext som berättar att bilden är en del av ett träd.
    </figcaption>
</figure>
    
 <figure class="figure">
    <img src="http://dbwebb.se/image/tema/trad/blad.jpg" alt="" width = "200">
    <figcaption>
        Här är en till lång bildtext som ska sträcka sig längre än bredden på bilden
    </figcaption>
</figure>

CSS

.figure {
    display: inline-block;
}

figure{border:1px solid #999999;padding:3px;margin:0.5em;padding-bottom:1px;}
figcaption {font-style:italic;font-size:smaller;text-align:center;}

.figure img {
    border: 1px solid #ccc;
}

figure {
  display: table;
}

figcaption {
  display: table-caption;
  caption-side: bottom;
}