CSS文字在圖片左側是網頁設計中常用的布局方式，它可以讓頁面看起來更加美觀而且有效地使用空間。那么該如何實現這種布局呢？

/* CSS代碼 */
.image-with-text {
display: flex;
align-items: center;
}
.image-with-text img {
margin-right: 20px;
}
.image-with-text p {
font-size: 16px;
line-height: 1.5;
}

首先，我們給容器添加一個 display: flex 的屬性，這樣就可以讓圖片和文字水平排列。接著，我們給圖片添加一個 margin-right 值，使其與文字保持一定間距。最后，定義文字的樣式，包括字體大小和行高。

實現完畢后，我們就可以在 HTML 中這樣使用：

這里是文字內容。

這樣，一個簡單的圖片左側文字布局就完成了。在實際項目中，我們可以根據自己的需求對 CSS 進行調整，比如使用 margin-left 替代 margin-right。