CSS是一種強大的樣式表語言，可以用來布置網站的視覺外觀和排版。其中一個有趣的特性就是能夠調整文字和圖片的排列方式，讓它們環繞在彼此周圍。

下面是一段CSS代碼示例，它能夠讓圖片圍繞在文本周圍：

img {
float: left;
margin-right: 10px;
}
p {
text-align: justify;
}

首先，我們使用"float: left"來讓圖片浮動到文本的左邊。接著，我們使用"margin-right"來增加圖片和文本之間的空隙，以避免它們緊密黏合。最后，我們使用"text-align: justify"來使文本自動調整到圖像兩側。此效果類似于報紙上的排版方式。

我們也可以使用與上述方法類似的技巧來讓文本環繞在圖片周圍。以下是一個示例CSS代碼：

img {
float: right;
margin-left: 10px;
}
p {
text-align: justify;
}

這里我們使用了"float: right"來讓圖片浮動到文本的右邊，并在左側增加了一些空隙。然后我們又使用了"text-align: justify"來讓文本環繞在圖片周圍。

需要注意的是，我們在這個例子中使用了"margin-left"來讓文本與圖片之間有一定距離。如果不增加這種間隔，圖片和文本會黏在一起，影響可讀性。

通過使用這些CSS技巧，我們能夠輕松地實現讓文字和圖片環繞在一起的排版效果。