CSS中可以使用text-align屬性將文字居中顯示，同時結(jié)合border屬性繪制一條線，實現(xiàn)一條線中間有字的效果。

具體實現(xiàn)步驟如下：

1、創(chuàng)建一個HTML元素，如div或span，用于顯示文字和線條。

2、在CSS中設(shè)置該元素的text-align屬性為center，使文字居中顯示。

3、使用border屬性繪制一條線，可以通過設(shè)置border-top或border-bottom屬性來實現(xiàn)。

4、根據(jù)需要調(diào)整文字大小和線條粗細，以達到更好的顯示效果。

以下是一個示例代碼：

HTML：

<div class="line-with-text">
  我是中間的文字
</div>

CSS：

.line-with-text {
  text-align: center;
  border-top: 1px solid #000;
  padding-top: 5px;
}

在上面的代碼中，我們創(chuàng)建了一個div元素，并將其類設(shè)置為line-with-text，在CSS中設(shè)置text-align屬性為center，使文字居中顯示，使用border-top屬性繪制一條線，并設(shè)置padding-top屬性來調(diào)整文字與線條之間的間距，根據(jù)需要調(diào)整文字大小和線條粗細即可。