Html 在图像上写入时不显示文本

我有两张图片，一张在左边，一张在右边。我面临的问题是在两幅图片上都写上文字。 我正在粘贴HTML代码和CSS代码。请改正它

#容器{
宽度：400px；
高度：400px；
位置：相对位置；
}
#形象{
位置：绝对位置；
左：0；
排名：0；
}
#正文{
z指数：99999999；
位置：绝对位置；
颜色：白色；
字体大小：24px；
字体大小：粗体；
}

jhcjdhdjshdjdjd
jgdhdgdhdhhsd

您的两段都引用了相同的ID，但ID必须是唯一的。请尝试在此处使用类

.text { 
   ...
}

及

---

另外，在图像标记上使用

class=“left”

和

class=“right”

，但这些类在css代码中还不存在。

为图像创建一个容器，并使其位置相对。（与页面的其余部分相处） 将图像放置在容器中。 将文本放在容器内图像的正下方，使其位置绝对（将文本覆盖在图像上），然后根据需要放置。

---

最后，添加一些CSS技巧以满足您的需要。

增加zindex和testid必须是唯一的。您的CSS引用了两个不存在的元素。或者。left{position:relative}请更正我的代码devpro，我两个都做了。什么都不管用

<p class="text"> ... </p>