在CSS中，我們可以使用多種方法來設置圖片和文字的位置關系，以下是一些常見的設置方法：

1. 圖片在左側，文字在右側：

- 使用`float: left;`將圖片浮動到左側。

- 使用`float: right;`將文字浮動到右側。

2. 圖片在右側，文字在左側：

- 使用`float: right;`將圖片浮動到右側。

- 使用`float: left;`將文字浮動到左側。

3. 圖片和文字垂直對齊：

- 使用`vertical-align: top;`或`vertical-align: bottom;`來設置圖片和文字的垂直對齊方式。

4. 使用Flexbox布局：

- 創(chuàng)建一個Flex容器，使用`justify-content: space-between;`來設置圖片和文字之間的空間。

- 使用`align-items: center;`來垂直居中圖片和文字。

5. 使用Grid布局：

- 創(chuàng)建一個Grid容器，使用`grid-template-columns: 1fr 1fr;`來設置圖片和文字各自的列寬。

- 使用`align-items: center;`來垂直居中圖片和文字。

### 示例代碼

下面是一個示例代碼，展示了如何使用CSS設置圖片和文字的位置關系：

```html

文字

```

在這個示例中，我們創(chuàng)建了一個Flex容器來包含圖片和文字，使用`justify-content: space-between;`來確保圖片和文字之間有足夠的空間，使用`align-items: center;`來垂直居中圖片和文字，我們還設置了圖片和文字的樣式，包括寬度、高度和字體大小。