通过标题标题的水平线停止工作

Question

我以前在标题标题的两边都有水平线，但它现在已停止工作，并且该行显示在文本的顶部，请帮忙！我使用的代码和工作绝对正常如下;

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;
}

Can see the problem here

Answer 1

不完全确定为你做了哪些改变，但我采用的方式（当然，选择器更具特异性）将是：

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

这样，您可以将具有纯色背景的块设置为始终位于该行的顶部。

Answer 2

我停止工作的原因是因为，我在可视模式下编辑了我的主页，并且自动删除了span标签。