在網頁設計中，經常需要使用色塊來突出文字或信息，而在色塊中間添加文字則是一個很常見的需求。下面我們就來介紹一下如何用CSS來實現這個效果。

首先，我們需要先創建一個具有背景色的div，可以使用以下的CSS樣式來實現：

div {
background-color: #f1c40f; /*背景色*/
width: 200px; /*寬度*/
height: 100px; /*高度*/
text-align: center; /*水平居中*/
line-height: 100px; /*垂直居中*/
font-size: 24px; /*字體大小*/
color: #ffffff; /*字體顏色*/
}

其中，background-color為div的背景色，text-align和line-height用來實現文字的水平和垂直居中，font-size和color則用來設置文字的大小和顏色。

接下來，我們需要在div中添加需要顯示的文字，可以使用以下的代碼來實現：

這是一段文本

這樣就可以將文字放在div中間了，運行代碼后效果如下：

如果想要讓文字換行，可以使用white-space屬性來實現，如下：

div {
white-space: pre-wrap;
}

這樣就可以讓文字按照原本的格式顯示了。上面的代碼實現了在色塊中間添加文字的效果，當然，靈活運用CSS樣式可以實現更多樣化的效果。