今天我們來學習一下如何使用CSS讓文字環繞圖片排列。這個效果可以讓文章更加美觀，同時又能夠充分利用頁面空間。 首先，我們來看看HTML的基本結構，在一個p標簽中包含一張圖片和一段文字，代碼如下：

文字描述

接下來，我們要使用CSS來控制圖片和文字的位置。我們可以使用CSS的float屬性來實現圖片左右排列。例如，下面這段代碼可以讓圖片左浮動，文字則緊貼圖片排列：

p {
overflow: auto;
}
img {
float: left;
margin-right: 20px;
}

上面的代碼中，我們使用了overflow屬性來防止文字溢出，同時使用了float和margin屬性來讓圖片和文字緊湊排列。 如果希望圖片排列在文字的右側，只需要將float屬性的值從left改為right即可，代碼如下：

img {
float: right;
margin-left: 20px;
}

至此，我們已經成功實現了文字環繞圖片的效果。希望本文能夠對大家有所幫助！