在網頁設計中，有時候需要將圖片和文本進行組合。在這種情況下，我們可以使用 CSS 來讓圖片放在文字的左邊。

<style>
p {
width: 500px;
height: 200px;
background-color: #f8f8f8;
padding: 20px;
}
img {
float: left;
margin-right: 20px;
}
</style>

上面的代碼通過設置 p 元素的寬度、高度和背景色，以及設置 img 元素的浮動和右邊距的方式，實現了讓圖片放在文字的左邊的效果。因此，只需要在 p 元素中插入圖片和文字即可。

<p>
<img src="image.jpg" alt="圖片">
此處插入要顯示的文字。
</p>

通過這種簡單的方式，我們就可以輕松地讓圖片和文字進行組合和排版，實現更好的網頁設計效果。