要在文字中間實現有一條橫線的效果可以使用CSS中CSS text-decoration 屬性就可以達到效果。

CSS text-decoration 屬性相關介紹及事例：

瀏覽器支持：所有主流瀏覽器都支持 text-decoration 屬性。
定義、用法和說明：text-decoration 屬性規定添加到文本的修飾。
CSS text-decoration 屬性的值：
A、none    默認。定義標準的文本。
B、underline    定義文本下的一條線。
C、overline    定義文本上的一條線。
D、line-through    定義穿過文本下的一條線。
E、blink    定義閃爍的文本。
F、inherit    規定應該從父元素繼承 text-decoration 屬性的值。
實例：
h1 {text-decoration:overline}
h2 {text-decoration:line-through}
h3 {text-decoration:underline}
h4 {text-decoration:blink}
設置 h1、h2、h3、h4 元素的文本修飾。
注釋：
A、任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
B、IE、Chrome 或 Safari 不支持 "blink" 屬性值。
C、修飾的顏色由 "color" 屬性設置。
D、這個屬性允許對文本設置某種效果，如加下劃線。如果后代元素沒有自己的裝飾，祖先元素上設置的裝飾會“延伸”到后代元素中。不要求用戶代理支持 blink。