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/

谢谢，

Answer 1

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