如何为仅包含css中字母的标题添加上边框

我尝试为标题添加装饰性边框，但边框会增长到父级大小。我只需要写这些信（即：只写“关于这个”的长度）：

h1{
边框顶部：6px纯黑；
}

关于这个

你好。

您需要更改

的显示属性，当前它是一个块元素，因此将填充父div的宽度

h1{
边框顶部：6px纯黑；
显示：内联块；
}

关于这个

你好。

您需要更改

的显示属性，当前它是一个块元素，因此将填充父div的宽度

h1{
边框顶部：6px纯黑；
显示：内联块；
}

关于这个

你好。