在網頁設計中，文字和圖片常常是相互配合的。而文字在圖片左邊是一種常見的布局方式，這需要使用CSS進行樣式設計。下面我們將介紹一些常見的CSS技巧來實現這個效果。

/* 設置圖片和文字的樣式 */
.image {
float: left; /* 讓圖片浮動在左邊 */
margin-right: 10px; /* 為了美觀，我們要給圖片留一些間距 */
}
.text {
overflow: hidden; /* 設置文字超出部分隱藏 */
}
/* HTML 結構 示例 */
<div class="wrapper">
<img src="example.jpg" alt="example" class="image">
<p class="text">這里是文字。</p>
</div>

在上述代碼中，我們首先為所要使用的圖片和文字設置了樣式。其中，我們將圖片的浮動方式設置為左側，并且給圖片設置了一個外邊距為10像素，從而讓圖片與文字之間留有一定的空隙。

接著，我們創建一個叫作wrapper的div元素，并在該元素里放置了一個img元素表示圖片以及一個p元素表示文字。因為我們設置了圖片浮動到了左側，所以我們在p元素中設置了overflow: hidden，這樣可以保證文字的部分不會被遮擋。

以上就是文字在圖片左側使用CSS實現的基本代碼，可以根據實際需要進行變化。希望本文能對您的網頁設計有所幫助。