在網頁設計中，如何將圖片與文字結合起來，展示出最好的效果呢？很多時候，我們希望能夠在圖片的旁邊放上一些文字來幫助解釋或者增強圖片的表現力，那么該如何實現呢？

其實，我們可以通過CSS來實現在圖片旁邊放置文字的效果。

img {
float: left;
margin-right: 20px;
}
figcaption {
font-size: 14px;
color: #666;
margin-top: 10px;
}

首先，我們使用float屬性將圖片向左浮動，然后設置一個右側的margin來為圖片與文字之間留下一定的距離。

接著，我們使用一個figcaption標簽來添加圖片的文字說明。通過設置不同的字體大小、顏色、以及margin等屬性來調整文字樣式。我們也可以使用h5、p標簽等標簽來代替figcaption標簽。

需要注意的是，圖片與文字之間的距離不宜過大或過小。過大會導致頁面不整齊，影響用戶體驗；過小則不易看出圖片與文字的關系，影響表現力。

通過以上CSS屬性的運用，我們可以很容易地在圖片旁邊放置文字。同時，我們還可以在文字周圍添加一些邊框、背景色等效果，增強頁面的美觀程度。