html实现中间文字两边横线

你可以使用HTML和CSS来实现中间文字两边横线的效果。以下是一种实现方式：

<style>
    .underline {
        text-align: center;
        position: relative;
        margin-bottom: 20px;
    }

    .underline span {
        background-color: #fff;
        padding: 0 10px;
    }

    .underline:before,
    .underline:after {
        content: "";
        position: absolute;
        border-bottom: 1px solid #000;
        width: 100%;
        top: 50%;
        z-index: -1;
    }

    .underline:before {
        right: 100%;
        margin-right: 15px;
    }

    .underline:after {
        left: 100%;
        margin-left: 15px;
    }
</style>

<div class="underline">
    <span>中间文字</span>
</div>

在上面的代码中，我们创建了一个包含中间文字的`div`容器，并给它添加了一个类名`underline`。然后，我们使用CSS的`position`属性和伪元素`::before`和`::after`来创建两条横线，并通过`margin`属性将它们放置在文字两边。

你可以将以上代码复制到HTML文件中，并根据需要自定义样式。记得将文字替换为你想要显示的内容。