用來包含圖片和文字，用來加載圖片。

<div>
<img src="path/to/image.jpg" alt="圖片描述" />
<p>文字描述</p>
</div>

接下來，我們要對這些元素進行樣式設置。我們可以使用CSS的背景圖像屬性(background-image)或者使用HTML標簽的src屬性來實現背景圖片設置。

<style>
div {
background-image: url("path/to/image.jpg");
background-repeat: no-repeat; //防止圖片平鋪
background-position: top left; //設置圖片位置
padding-left: 150px; //設置文字距離圖片左邊的距離
}
img {
height: 150px; //設置圖片高度
width: 150px; //設置圖片寬度
float: left; //向左浮動圖片
margin-right: 10px; //設置圖片間距
}
</style>

此時，我們已經成功實現了CSS圖文混排。通過對HTML標簽和CSS樣式的設置，我們可以在網頁中實現更加具有美感和可讀性的圖文混排。