如何使图像下方的文本与具有相同边框的图像大小相同？

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/

谢谢，

Answer 1

将图像的宽度以及正在使用的任何填充/边距加在一起，然后将文本的容器元素设置为相同的宽度。