在Web開發中，我們經常會遇到需要在橫線中間放置字的情況。一種簡單且有效的方法是使用CSS來實現。

.line {
position: relative; /* 確定父元素相對位置 */
display: inline-block; /* 將元素設置為行內塊級元素 */
}
.line::before {
content: ""; /* 必須添加空的content屬性 */
position: absolute; /* 設置偽元素絕對定位 */
border-bottom: 1px solid black; /* 定義橫線的樣式 */
width: 100%; /* 寬度覆蓋整個元素 */
top: 50%; /* 將偽元素上邊緣定位到父元素中心 */
z-index: -1; /* 設定Z軸順序，讓偽元素隱藏在背后 */
}
.line span {
position: relative; /* 設置相對位置 */
padding: 0 10px; /* 對象兩邊留出空間 */
background-color: white; /* 隱藏橫線的痕跡 */
}

以上代碼使用了偽元素和相對位置屬性來實現在橫線中間放置字，其中偽元素before用于定義橫線的樣式，并將位置定位到父元素中心。

通過這種方式，我們可以實現簡單優美的效果，讓網頁內容更加美觀。