在網頁設計中，經常會有文字和圖片并存的情況。而如果希望文字在圖片的右側，則需要使用CSS。接下來，我們就來介紹一下如何實現CSS文字在圖片右側。

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

以上代碼中，我們首先使用了flex布局來讓文字和圖片在同一行顯示，并使用align-items屬性讓它們在垂直方向上居中對齊。然后，通過設置圖片的右邊距來讓文字出現在圖片的右側。

接下來，我們來看一下使用這段代碼的示例：

<div class="img-with-text">
<img src="image.jpg" alt="圖片">
<p>這里是顯示在圖片右側的文字</p>
</div>

在上述示例中，我們將圖片和文字都放在一個帶有“img-with-text”類名的div中。這個div就是實現CSS文字在圖片右側的關鍵。而img-with-text類，則是上述CSS代碼所定義的樣式。在這個類的作用下，圖片和文字就能夠美觀地并存了。

總之，通過CSS實現文字在圖片右側并不難。只需要使用flex布局和設置圖片右邊距即可。希望上述介紹對您有所幫助！