在網頁設計中，有時候需要將文字與圖片進行結合來展示一些信息。其中，將圖片放置在文字的右側是一種常見的排版方式。這種排版方式可以使得文字與圖片之間相互呼應，結合起來更具有美感。

要實現這種排版方式，就需要使用CSS中的float屬性。將圖片設置為float:right即可讓圖片在文字右邊浮動。代碼的具體實現如下：

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

上述代碼中，float:right表示將圖片向右浮動，而margin-left:10px則表示圖片與文字之間留有10像素的空隙。這個空隙可以根據具體的需求進行調整，以達到最佳的排版效果。

需要注意的是，在進行文字與圖片的結合排版時，還需要考慮到文字的居中問題。如果不進行處理，那么文字與圖片之間的間隙可能會出現不協調的情況。因此，一般需要設置一個容器，并將文字放在容器中進行居中處理。示例如下：

<div class="container">
<img src="example.jpg">
<p>在網頁設計中，有時候需要將文字與圖片進行結合來展示一些信息。其中，將圖片放置在文字的右側是一種常見的排版方式。</p>
</div>
.container{
width: 500px;
margin: auto;
text-align: justify;
}
p{
width: 60%;
display: inline-block;
margin-left: 20px;
vertical-align: middle;
}

上述代碼中，通過設置容器的寬度為500像素，并將其水平居中。同時，設置文字的寬度為60%，并使用display:inline-block將其顯示在同一行。而vertical-align: middle則是為了使得文字與圖片的上下居中。通過上述的設置，文字與圖片之間的空隙就可以得到合理的處理，達到美觀的效果。