在CSS中，我們可以使用多種方法來對齊文字與圖片，以下是一些常見的對齊方法：

1. 垂直對齊：

- 使用 `vertical-align` 屬性來設(shè)置圖片與文字的垂直對齊方式，`vertical-align: middle;` 會使圖片與文字在垂直方向上居中對齊。

- 可以通過設(shè)置圖片為行內(nèi)元素（`display: inline-block;`）來實現(xiàn)垂直對齊。

2. 水平對齊：

- 使用 `align` 屬性來設(shè)置圖片與文字在水平方向上的對齊方式，`align: right;` 會使圖片對齊到右側(cè)。

- 可以通過設(shè)置圖片為浮動元素（`float: right;`）來實現(xiàn)水平對齊。

3. 綜合對齊：

- 結(jié)合使用 `vertical-align` 和 `align` 屬性，可以實現(xiàn)圖片與文字的綜合對齊，`vertical-align: middle; align: right;` 會使圖片在垂直方向上居中對齊，并在水平方向上對齊到右側(cè)。

### 示例代碼

下面是一個示例HTML和CSS代碼，展示了如何設(shè)置圖片與文字的對齊：

```html

這是一段示例文本，用于展示圖片與文字的對齊效果。

```

在這個示例中：

- 圖片被設(shè)置為行內(nèi)元素，并通過 `vertical-align: middle;` 實現(xiàn)了垂直居中對齊。

- 圖片通過 `align: right;` 在水平方向上對齊到右側(cè)。

- 文本通過 `text-align: left;` 實現(xiàn)左對齊。

### 圖片示例


### 示例文本

這是一段示例文本，用于展示圖片與文字的對齊效果，文本將圍繞圖片進行排版，確保圖片與文本之間的對齊方式符合設(shè)計要求。