CSS中，我們可以通過text-decoration屬性來添加文字的下劃線、刪除線等，但是如果想要在橫線上方添加文字該怎么做呢？這時，我們可以運用CSS的偽元素:before或者:after來實現。

.example {
position: relative;
text-align: center;
}
.example::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background-color: #000;
z-index: -1;
}
.example p {
position: relative;
display: inline-block;
padding: 0 10px;
background-color: #fff;
}

上面的代碼就是實現在橫線上添加文字的一個例子。我們首先要為外層容器.example設置position: relative，以便于后續添加絕對定位的元素。然后，我們利用偽元素:before來添加一條橫線，設置一些基本屬性，如寬度、顏色、z-index等等。接著，我們為添加文字的標簽p設置相對定位，并給其添加一些樣式，如內邊距、背景顏色等等。

在這里我們還需要注意的是，為了讓文字放在橫線上方，我們可以利用vertical-align屬性進行調整。

這樣，我們就成功的將文字添加在了橫線上方，同時還能保持文字與橫線的美觀一致。