Html 如何在图像下放置p标签？

所以我试着把一些文本放在一个图像下，但由于某种原因，它一直在右边，直到容器结束，然后放在图像下。 我希望它完全在图像之下

代码如下：

.post{
利润上限：3倍；
宽度：80%；
字体大小：20px；
边框底部：1px实心#ddd；
}
.后h2{
字体大小：20px；
光标：指针；
}
.post h2：悬停{
颜色：#0099FF；
}
.后img{
显示：块；
宽度：95%；
高度：自动；
浮动：左；
位置：相对位置；
}
邮政署{
显示：块；
顶部：7px；
字体大小：13px；
颜色：#999；
}
.评级{
显示：内联块；
}
.费率{
显示：内联块；
高度：34px；
宽度：44px；
边框：1px实心#ddd；
边界半径：3px；
文本对齐：居中；
光标：指针；
线高：30px；
边缘底部：25px；
左边距：5px；
}
比率：第一个孩子{
左边距：0；
}
.费率：悬停{
边框：1px实心#999；
}
.费率img{
位置：相对位置；
顶部：7px；
左：12px；
宽度：20px；
高度：20px；
}
.社会{
显示：内联块；
高度：34px；
浮动：对；
}
.社会责任{
显示：内联块；
高度：34px；
宽度：自动；
右边距：10px；
}

我知道我晚上戴太阳镜很傻，但是。。。
超过9000分·56条评论

为

添加css。postfooter

.postfooter {
    clear: both;
}

---

这将确保它在自己的行中。

为

添加css。postfooter

.postfooter {
    clear: both;
}

---

这将确保它的独立性。

感谢它的工作，还有一个问题，为什么我不能在这个p上使用margin top？它保持在同一个位置。因为你的图像是浮动的，左边距顶部不起作用。我个人可能会把剩下的浮动去掉。多谢了，它起作用了，还有一个问题，为什么我不能在这个p上使用保证金上限？它保持在同一个位置。因为你的图像是浮动的，左边距顶部不起作用。我可能会亲自处理掉剩下的浮子。