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

我试图有一个与标题的图像是相同的大小。我希望标题与图像大小相同，而不是将标题居中放置在图像下方

以下是图像的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;
        }

如果您想在此查看页面示例，请参见：

---

谢谢，

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