在CSS中，我們可以使用float屬性來控制圖片和文字的位置關(guān)系，為了讓圖片在左文字在右，我們可以將圖片設(shè)置為左浮動(dòng)，然后將文字設(shè)置為右浮動(dòng)，以下是一個(gè)簡單的示例：

<div style="float: left;">
  <img src="image.jpg" alt="圖片">
</div>
<div style="float: right;">
  <p>這是一段文字</p>
</div>

在這個(gè)示例中，圖片和文字分別被包含在兩個(gè)div元素中，每個(gè)div元素都使用float屬性來指定其內(nèi)容的位置，圖片所在的div使用float: left來指定圖片應(yīng)該浮動(dòng)到左側(cè)，而文字所在的div使用float: right來指定文字應(yīng)該浮動(dòng)到右側(cè)。

注意，在使用浮動(dòng)布局時(shí)，我們需要確保包含圖片和文字的容器有足夠的空間來容納它們，如果容器空間不足，圖片和文字可能會(huì)重疊或者無法正確顯示，在設(shè)計(jì)布局時(shí)，我們需要考慮容器的寬度和高度，以及圖片和文字的大小和位置關(guān)系。

CSS中的flex布局也可以實(shí)現(xiàn)圖片和文字的位置控制，通過設(shè)定一個(gè)容器為display: flex，我們可以輕松地讓圖片和文字分別占據(jù)容器的左側(cè)和右側(cè)，這種方法比使用浮動(dòng)布局更加靈活和易用。