在CSS中，我們可以通過設置一些屬性來使圖片和文字之間產生間隔。

例如，我們可以使用background-image屬性來設置一個背景圖片。同時，我們需要設置background-repeat: no-repeat;來防止圖片重復出現。最后，使用background-position屬性將圖片定位在中心位置。

.demo {
background-image: url('https://example.com/image.png');
background-repeat: no-repeat;
background-position: center center;
}

接下來，我們可以使用text-align: center;屬性將文字居中。我們還可以為p標簽添加padding-top和padding-bottom屬性來設置頂部和底部的距離，以增加圖片和文字之間的間隔。最后，我們可以使用font-size和color屬性來設置文字的樣式。

.demo {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
font-size: 24px;
color: #fff;
}

通過使用這些屬性，我們可以輕易地創建一個具有間隔的圖片和文字組合。