特定的子标签不应扩展父标签

Question

我有HTML：

<figure style="display:inline-block;">
   <img src="https://i.imgur.com/k1Crowy.jpg" width="200">
   <figcaption> This is some random text that should not expand the figure tag beyond the width of the img tag </figcaption>
</figure>

我希望<figure>标签的宽度为<img>标签的宽度，效果很好。

问题是<figcaption>标签的内容扩展了<figure>标签的宽度。我该如何做，以致<figcaption>将被限制为<img>标签的宽度。因此，以上示例中的200px。

我无法编辑HTML。只能调整CSS。

到目前为止我已经尝试过的

在position:absolute上使用
1. <figcation>方法。问题在于它不会扩展<figure>标签的高度。
2. 很明显，我可以为<figure>标签设置固定宽度（如width:200px），但是我无法预测图像的宽度。
3. jQuery的方法，我抓住图像的宽度并将其添加到figure标签中。但我想避免使用JS解决方案。