在网页设计中，
文字与
图片是很常见的设计元素。为了让
页面看起来更加美观和舒适，我们需要让
文字和
图片对齐。下面将介绍一些CSS的
方法。
首先，我们需要设置
图片的对齐方式。我们可以使用`float`
属性来设置
图片的对齐方式。例如，我们可以将
图片向左浮动，让
文字环绕着
图片：
```
img {
float: left;
margin-right: 1em;
}
```
这段
代码将会把
图片向左浮动，并让它距离
文字有1em的间距。这样，在相同的`
`元素中，图片和文字就会自动对齐。如果我们想要图片与文字在同一行中，则可以使用垂直对齐属性，如`vertical-align`：
```
img {
vertical-align: middle;
}
```
这会将图片与文字垂直居中对齐。当然，这只适用于图片和文字大小相同时。如果不同，则我们需要调整它们的位置，以便让它们对齐。
另外，我们可以用`text-align`属性来控制文字的对齐方式。例如，将文字居中对齐：
```
p {
text-align: center;
}
```
这会让段落中的所有文本都居中对齐。如果我们想要让图片居中对齐，则可以将图片放在`
`中，然后使用`text-align`
属性：
```
```
这段
代码将
图片和它的`
`居中对齐。
最后，我们可以使用CSS的`
display`
属性来设置元素的
显示方式。例如，我们可以使用`
display: inline-block`来将
元素显示为行内块，并让它们在同一行中对齐：
```
This is some text.
```
这样，文本和
图片将会在同一行中对齐。
总之，我们可以使用`float`、`vertical-align`、`text-align`和`
display`等
属性来对齐
文字和
图片。不同的情况下，我们需要使用不同的
属性和
方法。希望这篇
文章可以帮助你在网页设计中更好的处理对齐问题。
