在HTML的排版中常常會使用到

---

標簽來插入一條水平分割線。但有時候我們需要將這條分割線居中顯示，這就需要用到CSS的一些技巧來實現了。
首先，我們需要用樣式表的方式將分割線進行樣式的設置。代碼如下：

hr {
border: none;   /* 清除默認邊框樣式 */
height: 1px;    /* 設置分割線高度為1個像素 */
background-color: #ccc; /* 設置分割線顏色為灰色 */
}

接著，我們需要通過一些技巧來將這條分割線居中顯示。最簡單的方法是使用text-align屬性來讓父元素居中對齊，示例代碼如下：

p {
text-align: center; /* 讓p元素居中對齊 */
}
hr {
margin: 0 auto; /* 通過設置水平外邊距讓hr元素水平居中 */
}

上述代碼中，我們通過讓p元素居中對齊，再通過給hr元素設置水平外邊距，從而實現了將分割線居中的效果。
如果你想要在網頁中使用分割線來美化你的頁面，那么這個技巧將非常實用?？靵碓囋嚢?！