在網(wǎng)頁設(shè)計(jì)中，常常需要在頁面上添加橫線進(jìn)行裝飾或分隔。然而，橫線的位置居中是一個比較困難的問題。本文將介紹如何使用CSS將橫線水平居中。 首先，我們需要在HTML代碼中添加p標(biāo)簽，用來包裹橫線。代碼如下：

<p>----------------------------------------</p>

接下來，使用CSS設(shè)置p標(biāo)簽的樣式來達(dá)到居中橫線的效果。代碼如下：

p {
text-align: center; /* 水平居中 */
line-height: 0; /* 去除默認(rèn)行間距 */
border-bottom: 1px solid #000; /* 添加底部邊框，即橫線 */
margin: 20px 0; /* 上下各留出一定的間距 */
}

通過以上樣式設(shè)置，我們成功地將橫線水平居中，同時上下留有一定的間距。如果需要調(diào)整橫線的粗細(xì)和顏色，只需要修改border-bottom屬性即可。 總結(jié)：通過CSS樣式設(shè)置，我們可以輕松地實(shí)現(xiàn)橫線水平居中的效果。這為網(wǎng)頁設(shè)計(jì)帶來更多的裝飾效果和排版方案。