在CSS中，要使hr元素居中，可以使用CSS的flexbox布局，將hr元素放入一個div容器中，然后應用以下CSS樣式：

div {
  display: flex;
  justify-content: center;
}
hr {
  width: 100%;
}

這段代碼中，div元素的display屬性設置為flex，使其成為一個彈性容器。justify-content: center;將彈性容器中的內容居中。hr元素的width屬性設置為100%，以確保hr元素在視覺上占據(jù)整個容器的寬度。

如果要在文本中插入一個居中的hr元素，可以使用HTML的<center>標簽或者CSS的text-align: center;屬性。

<div style="text-align: center;">
  <hr>
</div>

或者：

div {
  text-align: center;
}
hr {
  width: 100%;
}

這段代碼將hr元素居中顯示，并且使其寬度占據(jù)整個容器的寬度，無論使用哪種方法，都可以實現(xiàn)hr元素的居中顯示。