CSS的文字浮動屬性可以讓文字環繞在圖片周圍，美化頁面布局。

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

上述代碼可以讓圖片向左浮動，并且距離右邊文字距離為20px。如果希望圖片浮動在右邊，只需要將float屬性改為right即可。

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

需要注意的是，使用浮動屬性的元素會對周圍的元素產生影響，如果不適當調整其他元素的布局，可能會出現奇怪的布局問題。

此外，還可以使用clear屬性來清除浮動的影響。

.clear{
clear: both;
}

在想要清除浮動的元素后面添加一個class為clear的元素即可。

總之，CSS的文字浮動屬性可以為頁面布局增添不少美感，但需要謹慎使用。