在CSS中，我們可以使用浮動（float）屬性來控制圖片和文字的位置，我們可以將圖片設置為右浮動，文字設置為左浮動，從而實現(xiàn)圖片在右側(cè)，文字在左側(cè)的效果。

以下是一個簡單的示例：

<div style="float: right; position: relative; width: 300px; height: 200px; background-image: url('image.jpg'); background-repeat: no-repeat; background-position: right;"></div>
<div style="float: left; position: relative; width: 300px; height: 200px; line-height: 200px; text-align: left; color: #333; font-size: 24px;">這是一段文字</div>

在這個示例中，我們創(chuàng)建了兩個div元素，***個div元素設置為右浮動，并添加了背景圖片，第二個div元素設置為左浮動，并添加了文字，通過調(diào)整div元素的寬度、高度和位置屬性，我們可以確保圖片和文字分別位于右側(cè)和左側(cè)。

由于CSS的浮動屬性會影響元素的正常文檔流，因此在使用浮動布局時需要謹慎處理其他元素的位置和樣式，為了確保圖片和文字能夠正確顯示，我們需要確保圖片的大小和分辨率適合用于顯示。