HTML可以使用CSS樣式控制元素的位置，因此可以通過CSS樣式來實現左邊圖片右邊文字的布局效果。 HTML代碼如下：

<div class="container">
<img src="image.jpg" class="image">
<p class="text">這里是文字內容</p>
</div>

上述代碼中，我們使用了一個`div`元素作為容器來包裹圖片和文字內容。圖片和文字分別使用`img`和`p`元素來表示，其中`p`元素使用了一個`class`屬性來標識它是文本元素。 當前，我們需要通過CSS來設置圖片和文字的布局效果，在CSS代碼中設置`float`屬性即可。 CSS代碼如下：

.container {
width: 100%;
}
.image {
float: left;
margin-right: 20px;
}
.text {
float: left;
}

在上述CSS代碼中，我們設置了圖片元素的`float`屬性為`left`，意味著圖片將會被靠左對齊，并且它的右側會留出`20px`的空白。同樣地，我們也將文本元素的`float`屬性設為`left`，讓它和圖片元素并排排列。 最后，將上述HTML和CSS代碼拼接在一起，并引入CSS文件即可實現一個左邊圖片右邊文字的布局效果。