當我們需要在文字兩邊加上橫線時，可以使用CSS中的偽元素來實現。例如：

p {
position: relative;
}
p::before, p::after {
content: "";
position: absolute;
top: 50%;
width: 50%;
height: 1px;
background-color: black;
}
p::before {
left: 0;
}
p::after {
right: 0;
}

以上代碼中，我們使用了

標簽包裹了一段文字，并在CSS中給它設置了position屬性。然后，我們使用偽元素

::before

和

::after

來分別實現文字左邊和右邊的橫線。

在偽元素中，我們設定了元素的

content

屬性為空，這是為了讓它們在頁面上不會顯示出來。接著，我們使用了絕對定位來讓它們與原文字所處位置重合，并將它們的寬度設置為50%。這樣，左橫線和右橫線就各占據了整個文字寬度的一半。

最后，我們對左橫線使用了left屬性來將它定位在文字左邊，對右橫線使用了right屬性來將它定位在文字右邊。這樣，就完成了文字兩邊橫線的效果。

值得注意的是，以上代碼只是一種實現方式，還有其他方法可以達到同樣的效果。在使用時，應根據具體需求來選擇最優方式。