CSS中的hr標簽可以用來制作分隔線，但是默認情況下分隔線是居左顯示的。如果我們想讓分隔線居中顯示，該怎么做呢？

hr {
border: none; /*先去掉默認邊框*/
height: 1px; /*設置高度*/
background-color: #ccc; /*設置顏色*/
margin: 20px auto; /*設置居中*/
}

我們來看一下上面代碼的具體解釋：

首先，我們先把hr標簽默認的邊框去掉，這樣分隔線樣式就不會出錯。

hr {
border: none;
}

然后，我們設置分隔線的高度和顏色。具體數值可以根據實際情況進行調整。

hr {
border: none;
height: 1px;
background-color: #ccc;
}

接下來，我們要讓分隔線居中顯示。這里我們使用了margin屬性，把上下邊距設置為20px，左右邊距設置為auto，這樣就能讓分隔線水平居中。

hr {
border: none;
height: 1px;
background-color: #ccc;
margin: 20px auto;
}

這樣，我們就成功地把hr標簽的分割線居中了。