在網頁設計過程中，我們經常需要在圖片下方添加文字，以幫助用戶更好地理解圖片的含義。而這時，使用CSS對文字進行浮動是一種非常有效的方式。具體來說，在CSS中，我們可以使用下面這段代碼實現文字浮于圖片下方的效果：

img {
float: left; /* 圖片向左浮動 */
margin-right: 10px; /* 圖片和文字之間的間距為10個像素 */
}
p {
overflow: hidden; /* 清除浮動 */
}

在上述代碼中，我們首先使用了“float”屬性來讓圖片向左浮動。此外，為了讓圖片和文字之間有一定的間距，我們使用了“margin-right”屬性，將圖片和文字之間的距離設置為10個像素。

不過需要注意的是，當圖片浮動時，文字也會隨之浮動，導致文本溢出。此時，我們需要在文本的父元素中添加“overflow:hidden”屬性，從而清除浮動，使文本可以正常顯示。

總之，使用CSS進行文字浮于圖片下方的設計，可以幫助我們更好地展示網頁元素，提高用戶的閱讀體驗。同時也要注意清除浮動，以免出現布局問題。