在CSS中，通過text-decoration屬性，我們可以為文本添加下劃線、刪除線、波浪線等效果。而當我們需要在一條下劃線中間放置文字時，該怎么辦呢？

這時，我們可以利用CSS中的::before和::after偽元素來實現。首先，給需要添加下劃線的文本添加一個父元素，并設置該父元素的position為相對定位，然后在該父元素中添加一個空的標簽，并為該標簽設置position為絕對定位。接下來，我們就可以利用偽元素來添加下劃線和文字了。

.parent{
position: relative;
}
.parent span{
position: absolute;
bottom: -5px; /*下劃線的位置，可以根據需求自行調整*/
left: 0;
}
.parent span::before{
content: "";
position: absolute;
width: 100%;
height: 1px; /*下劃線的高度，同樣可以根據需求自行調整*/
background-color: #000;
}
.parent span::after{
content: "下劃線中間的文字";
position: relative;
padding: 0 5px; /*文字的左右間距，也可以根據需求自行調整*/
background-color: #fff; /*文字背景色，與父元素背景色相同，以達到遮擋下劃線的效果*/
}

上面的代碼中，我們為偽元素::before添加了一個背景色為黑色的下劃線，而為偽元素::after添加了文字，并將padding設置為了一定的間隔，以避免文字與下劃線重疊。如果需要調整下劃線和文字之間的距離，可以通過改變偽元素::after的padding值來實現。

以上就是使用CSS實現下劃線中間有文字的方法，希望能夠幫助大家解決類似的問題。