css中怎么让文字在图片下面

在网页设计中，有很多情况需要在图片下面加上文字介绍，那么该怎么实现呢？
其实，我们可以通过CSS的样式来让文字在图片下面。具体的操作方法如下：
1. 在HTML中使用p标签来定义段落，然后通过CSS样式将p标签的display属性设置成"inline"。这样，我们就可以在图片下面放置段落文字，而不是让图片覆盖掉文字。

p {
  display: inline;
} 

2. 然后，我们需要将图片的display属性设置成"block"，这样图片就可以独占一行，并且会自动顶开文字。同样，我们需要将图片给一个类名或ID，以便在样式表中进行定位。
例如，我们给图片设置一个类名为"my-image"，代码如下：

<img src="my-image.jpg" class="my-image" alt="My Image"> 

3. 接下来，我们需要为图片和段落添加一些间距，以便让它们看起来更美观。这可以通过设置margin或者padding来实现。例如：

.my-image {
  display: block;
  margin: 0 auto; /* 居中显示 */
  padding-bottom: 10px; /* 在图片下面添加10像素的空白 */
}
p {
  display: inline;
  margin: 0;
} 

这样设置之后，我们就可以让文字在图片下面显示了。可以根据实际需要进行调整样式。