CSS可以讓我們輕松地在圖片左邊放置一些東西，這些東西可以是文字、圖標(biāo)或其他元素，讓頁(yè)面更加豐富多彩。

/* 先定義一個(gè)包含圖片和文字的容器 */
這里是文字
/* 接著定義CSS樣式，讓文字在圖片左邊 */
.img-container {
display: flex;
align-items: center;
}
.img-container img {
margin-right: 10px; /* 圖片右側(cè)留一些間隔 */
}
.img-container p {
margin: 0; /* 去除默認(rèn)的間隔 */
}

這段代碼的核心是使用了Flexbox布局，通過(guò)設(shè)置容器的display為flex，讓容器內(nèi)的子元素可以沿著水平方向排列。

align-items屬性可以讓容器內(nèi)的內(nèi)容垂直居中，這樣圖片和文字就可以在同一行上了。

接著是設(shè)置圖片的margin-right屬性，留出一些間隔，讓文字不會(huì)挨得太緊。

最后是去除p標(biāo)簽的margin，避免和圖片之間產(chǎn)生多余的空白。

以上就是CSS在圖片左側(cè)放置元素的實(shí)現(xiàn)方法，通過(guò)靈活運(yùn)用這些技巧，我們可以讓頁(yè)面更加多姿多彩。