CSS實現左圖右文的效果非常簡單，只需要使用CSS的float屬性即可。首先，我們需要先在HTML中定義好對應的結構：

<div class="wrapper">
<img src="img.png" alt="圖片">
<p>這里是圖片右側的文本內容</p>
</div>

在CSS中，我們需要給圖片和文字分別設置對應的樣式：

.wrapper {
overflow: hidden; /* 可以防止子元素超出父容器 */
}
img {
float: left;
margin-right: 20px; /* 圖片和文本之間的間距 */
}
p {
float: left;
width: 60%; /* 文本占據剩余空間的百分比 */
}

這樣，我們就可以實現左圖右文布局了。如果我們需要將右側的文本居中顯示，只需要在p元素的樣式中加上一個text-align: center;屬性即可。

注：使用float屬性時，一定要將父容器的overflow屬性設置為hidden，以防止子元素超出容器。另外，如果子元素具有浮動屬性，一定要給它的父元素設置clearfix屬性，以避免出現一些奇怪的問題。