文字環繞CSS是在文本內容周圍設置圖像或其他HTML元素的CSS屬性。該屬性可以讓文本在不遮擋圖像或其他元素的情況下自動調整位置，從而提高頁面的可讀性和美觀性。

/* 文本環繞設置 */
.text-wrap {
/* 設置為環繞圖片 */
float: left;
/* 設置圖片和文本之間的間距 */
margin-right: 20px;
}

如上代碼，設置了一個class名為text-wrap的屬性，該屬性可以讓文本環繞一個浮動元素，例如圖片。因為重點是讓文本排版美觀，所以需要給圖片和文本之間留出一定的空隙，這里設置的是20像素。

/* 清除浮動屬性 */
.clearfix:after {
content:""; 
display:table; 
clear:both; 
}
.clearfix {
*zoom:1;
}

當然，如果想要復雜一些的文本環繞，就要考慮到一些特殊情況，例如多個元素環繞等等。這個時候，需要清除元素的浮動，避免影響其他元素的排版，如上代碼中的clearfix屬性即為此目的。