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

1、使用vertical-align屬性：

- 這個屬性可以調(diào)整圖片和文本的垂直對齊方式，你可以設(shè)置vertical-align: middle;來使圖片和文本在垂直方向上居中對齊。

- 示例代碼：

```css

img {

vertical-align: middle;

}

```

2、使用position屬性：

- 通過設(shè)置position屬性為relative或absolute，你可以***地定位圖片和文本的位置。

- 示例代碼：

```css

img {

position: relative;

top: 5px; // 調(diào)整圖片和文本的垂直距離

left: 10px; // 調(diào)整圖片和文本的水平距離

}

```

3、使用flexbox布局：

- Flexbox是一個強(qiáng)大的布局工具，它允許你輕松地創(chuàng)建復(fù)雜的布局結(jié)構(gòu)。

- 示例代碼：

```css

.container {

display: flex;

align-items: center; // 垂直對齊圖片和文本

justify-content: center; // 水平對齊圖片和文本

}

```

4、使用grid布局：

- Grid布局是另一個強(qiáng)大的布局工具，它提供了對網(wǎng)頁布局的細(xì)粒度控制。

- 示例代碼：

```css

.container {

display: grid;

align-items: center; // 垂直對齊圖片和文本

justify-items: center; // 水平對齊圖片和文本

}

```

5、使用text-align屬性：

- 這個屬性可以調(diào)整文本的水平對齊方式，你可以設(shè)置text-align: right;來使文本右對齊。

- 示例代碼：

```css

p {

text-align: right;

}

```

這些方法可以根據(jù)你的具體需求進(jìn)行組合使用，以達(dá)到你想要的圖片和文本對齊效果，希望這些方法能幫助你解決CSS中的圖片和文本對齊問題。