Css 在透明背景的标题后面画线

我想在标题的左右两边画一条线，像这样：

通常情况下，我会在周围元素中添加一个边框顶部，并为标题添加以下样式

h2
{
   margin-top:-10px;
   padding: 0 5px;
   background:white;
}

但在这种情况下，我不能这样做，因为周围元素的背景是透明的，正如你在这把小提琴中看到的：

---

我正在玩这个游戏一段时间，但我不知道如何实现这一点。只要效果符合要求，我将非常感谢任何解决方案。

您是否正在寻找类似的解决方案：

CSS:

h2:before, h1:after {
    content: '';
    position: absolute;
    border-top: 1px solid white;
    width: 100%;
    top: 50%;
}
h2:before {
    right: 100%;
}
h2:after {
    left: 100%;
}

---

这已经被问了很多次了，试试这个。这正是我所需要的，非常感谢。对不起，这对我不起作用（没有台词）。别介意，丹尼尔斯的评论正是我想要的。这和你的技术一样。无论如何谢谢你！