在網頁設計中，經常需要將圖片放置在文字的右側，以達到更好的排版效果。那么，該如何使用CSS來實現呢？

/*CSS代碼*/
 .img-wrapper {
float: right;
margin-left: 10px;
margin-bottom: 10px;
 }

上述CSS代碼中，我們為圖片容器（img-wrapper）設置了浮動（float: right），將其向右側移動。同時，我們還為其設置了左側的外邊距（margin-left）和下方的外邊距（margin-bottom），以達到更好的排版效果。

當然，我們也可以將圖片容器放置在文字的前面。這時，我們只需要將浮動方向設為left即可：

/*CSS代碼*/
 .img-wrapper {
float: left;
margin-right: 10px;
margin-bottom: 10px;
 }

同樣地，我們還是設置了外邊距，使得圖文排版效果更加美觀。通過這些CSS代碼，我們可以輕松實現網頁中圖文混排的效果，提升網站的美觀程度。