CSS可以用来展开分割线，下面就让我们来看看吧：

.split-line{
width: 100%;
border-bottom: 1px solid black;
text-align: center;
line-height: 0.1em;
margin: 10px 0 20px;
}
.split-line span{
background-color: #fff;
padding: 0 10px;
}

上述代码展示了如何使用CSS来创建一条展开的分割线，并且还使用了一个带有背景色的span标签来插入想要展示的文本内容，比如“分割线”。

具体解释如下：

首先，.split-line类是用来给分割线添加样式的。width: 100%表示分割线的长度为100%；border-bottom: 1px solid black呈现分割线的样子，即1像素宽的实线，颜色为黑色；text-align: center是将文字对齐到中间；line-height: 0.1em将行高设置为0.1倍的字体大小，使得分割线看起来更加自然；margin: 10px 0 20px调整了分割线的上下边距，上边距为10像素，下边距为20像素。

接下来是span标签的代码。.split-line span表示添加到分割线内部的span元素的样式。background-color: #fff设置文本内容的背景颜色，这里为白色；padding: 0 10px增加内边距，左右为10像素，使得文本内容不会太靠近分割线。

总的来说，通过这些CSS样式，我们可以很容易地创建一条居中展开的分割线，并插入想要表达的文本内容，从而丰富页面的视觉效果。