在網頁設計中，我們常常需要使用橫線來進行分隔，讓頁面更加美觀整潔。一種常用方式是使用CSS來創建橫線，并讓左側搭配上漢字。下面我們來看一段實現代碼。

.horizontal-line {
border-top: 1px solid #c1c1c1; /* 橫線顏色和粗細 */
margin: 20px 0; /* 上下外邊距 */
text-align: center; /* 漢字水平居中 */
}
.horizontal-line span {
background-color: #f8f8f8; /* 背景色 */
padding: 0 10px; /* 左右內邊距 */
font-size: 18px; /* 漢字字號 */
color: #666; /* 漢字顏色 */
}

這段代碼中，我們創建了一個類名為“horizontal-line”的CSS樣式。首先，我們定義了橫線的顏色、粗細和上下外邊距。然后，我們對橫線左側的漢字進行樣式設定。漢字的背景色為#f8f8f8，左右內邊距為10個像素，字號為18px，顏色為#666。

在HTML中，我們只需要使用一個p標簽和一個span標簽就可以完成這個橫線和左側漢字的效果：

這里是漢字

這樣，我們就能夠簡單地在網頁中添加精美的橫線效果了。當然，我們也可以根據自己的需要隨意調整樣式，添加動畫等等進行更加豐富的設計。