Html 标题中的水平线已停止工作

我以前在标题标题的两侧都有水平线，但现在它已停止工作，并且该行显示在文本顶部，请帮助！下面是我使用的代码，工作非常好

h6.two span {
background: #fff;
padding: 0 5px;
position: relative;
z-index: 5;
font-size: 14px;
font-weight: 500;   
}

h6.two+p {
border-top: solid 1px black;
padding-top: 12px;
margin-top: -12px;
}

---

不完全确定是什么改变了你，但我会这样做（当然，在选择器方面会更加具体）：

h6 {
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
}

---

这样，你就可以设置一个具有坚实背景的块，使其始终位于行的顶部。

我停止工作的原因是，我在视觉模式下编辑了我的主页，span标记被自动删除。

它工作得很好。。。你有什么问题？对不起，我应该说得更具体些，我希望文本在水平线之前。因此，我希望文本两侧都有水平线。那么，如果它曾经起作用，发生了什么变化？我想这是在安装字体变换器插件后发生的……我停用了该插件，但仍然是一样的。我只是根据您的建议对其进行了编辑，但不确定是否正确，它不起作用-h6.two span{背景：#fff；显示：内联块；位置：相对；z索引：1；填充：0 5px；字体大小：14px；字体重量：500；}h6.two+p{边框顶部：实心1px黑色；填充顶部：12px；边距顶部：-12px；}以前有人帮过我这么做，所以我的知识有限，你能再解释一下我如何使用你的方法吗？块级元素将填充父级的宽度，并允许大小操纵（高度、宽度、填充）。内联块元素的作用方式基本相同，只是它们在初始化时只是其内容的宽度。因此，请想象一个位于文本后面的物理块。从那里，您添加背景色。Z-index将把它推到其直接同级上，即

p

标记。但是，如果没有

posit，Z-index是不可能的ion

ing（相对、绝对、固定）。非常有用，谢谢，但我一直在尝试实现它，但它不起作用。因此，据我所知，我不需要使用+p和span？我建议在h6标记中封装span和p，是的。试试这个：