小さい画像の下に長いキャプションを書くと、画像が左に寄っていく

[Suzu-Gears]

不具合の概要

メインカラムの横幅よりも小さい画像の下に画像の横幅よりも長いキャプションを書くと、キャプションが画像の横幅をはみ出してfigure要素の横幅となってしまい、画像がどんどん左に寄ってしまう。

期待する挙動

↓のようにキャプションの長さに関わらず画像が中央寄せを維持するか、

↓のNotionのように画像の横幅を超えるキャプションは自動で折り返されるのが良いと思います。

しかし、どちらが良いのかというのは判断が付きませんでした。 この点はお任せしたいです。よろしくお願いします。

[otoyo]

Captionコンポーネントの div の内側にもう一つ div を定義して下記のようにスタイルを設定するとできそうです。 https://stackoverflow.com/questions/9769587/set-div-to-have-its-siblings-width

[Suzu-Gears]

この方法で上手くいきました！ PR作ります。