Css 在中间用文本实现DIVIER

大家好，熟悉materialize。 我想做一个分隔器：

<div class="divider"></div>

与此类似：

<>基本上是中间有文本的divior。 有人有解决办法吗？如果不使用material divier，即使使用其他html和css也可以

---

谢谢

我喜欢用固定高度的

div

来包装文本。然后

position:relative

div中的文本。请参阅下面的代码片段

.wrapper{
背景色：黑色；
高度：1px；
边际：32px0；
文本对齐：居中；
}
跨度{
位置：相对位置；
顶部：-8px；
填充：0 15px；
字号：500；
边界半径：4px；
文本转换：大写；
字号：1em；
颜色：#000000；
背景：#ffffff；
}

或

一种解决方案是使用

position:absolute

表示“或”，并将其放置在行的中间。