在進行網頁排版中，我們經常會遇到需要把圖片放到文字的右側的情況。這時候，我們就需要使用CSS來實現這個效果。

.text-with-image {
display: flex;
align-items: center;
}
.text-with-image img {
margin-left: 20px;
}

首先，我們需要給包裹文字和圖片的元素添加一個class，例如.text-with-image。然后，我們可以使用display: flex;來使這個元素成為一個水平排列的容器。

接著，我們使用align-items: center;來讓容器內的元素垂直居中。這樣就可以實現文字和圖片在垂直方向上的對齊。

最后，我們再給圖片添加一個margin-left屬性，例如margin-left: 20px;，來讓圖片距離文字有一定的間距。

通過以上CSS屬性的設置，我們就可以實現將圖片放到文本的右側的效果。