CSS图片旁边加文字是网页设计中常见的操作，可以让内容更加丰富，也可以让用户更加易于阅读。在这篇文章中，我们将介绍如何使用CSS实现图片旁边加文字的效果。 首先，我们需要一个HTML页面，里面包含一张图片和带有文字的容器。我们可以使用以下代码：

<div class="container">
<img src="example.jpg" alt="示例图片">
<p class="caption">这是示例图片的说明文字。</p>
</div>

在上面的代码中，我们使用了一个容器`div`，其中包含一张图片和一个带有说明文字的`p`标签。我们给`div`标签添加了一个类名`container`，以便于我们在CSS中对其进行样式设置。 接下来，我们需要使用CSS来实现图片旁边加文字的效果。我们可以使用以下代码：

.container {
display: flex;
align-items: center;
}
.container img {
margin-right: 20px;
}
.container .caption {
font-size: 14px;
}

在上面的代码中，我们首先对容器进行样式设置，使用`display: flex`让图片和文字在同一行，并使用`align-items: center`让它们垂直居中。然后，我们使用`.container img`对图片进行样式设置，使用`margin-right: 20px`让文字和图片之间保留一定的间距。最后，我们使用`.container .caption`对文字进行样式设置，使用`font-size: 14px`设置文字的字体大小。 现在，我们就可以在网页中实现图片旁边加文字的效果了。希望这篇文章对您有所帮助！