image - 画像の下のテキストを、同じ境界線を持つ画像と同じサイズにするにはどうすればよいですか?

Question

キャプション付きの画像を同じサイズにしようとしています。キャプションを画像の下の中央に配置する代わりに、キャプションを画像と同じサイズにする必要があります。

画像の CSS は次のとおりです。

        article.post 
       .wp-caption img, 
        article.page .wp-caption img {
        border: 2px solid white; 
            outline: 8px solid rgb(245, 222, 179);
        }

キャプションの CSS は次のとおりです。

        article.post .wp-caption, 
        article.page .wp-caption {
        text-align: center;
        padding: 10px;
            margin: 10px;
        background: none;
        }

このページの例が必要な場合は、次のとおりです: http://www.metnews.org/news/aurora-remembers-holmes-victims/

ありがとう、