Html 我如何实现一个角落里有图像，里面有文本的框？

我正在尝试实现类似于下面的东西。我希望在一个框中有一些文本，在左上角有一个图标。即使页面调整大小，图标也应保持在左上角

我试图在引导页面的上下文中实现它。我曾尝试使用

jumbotron

但没有成功，但我认为它不是为了这个目的

我应该采取什么方法

.text{
保证金：50px 0px 0px 50px；
宽度：400px；
高度：400px；
背景颜色：黄色；
}
.图-1{
宽度：100px；
高度：100px；
位置：绝对位置；
排名：0；
左：0；
}

文本文本文本文本文本
文本文本文本文本文本
文本文本文本文本文本
文本文本文本文本文本
文本文本文本文本文本
文本文本文本文本文本
文本文本文本文本文本
文本文本文本文本文本

这可能是伪元素的例子，因为房子是一个图标

.realestate{
边框：2个黑色实心；
填充：75px；
位置：相对位置；
利润率：50像素
}
.房地产{
内容：''；
显示：块；
宽度：100px；/*图像宽度*/
高度：100px；/*图像高度*/
位置：绝对位置；
顶部：-50px；
左：-50px；
背景图片：url(https://www.fillmurray.com/100/100);
}

我的朋友们，我的朋友们，我的朋友们。这是我的生日。佩伦茨克大酒店。奎斯克坐在阿梅特·卢克图斯·萨皮恩旁边。毛里斯·埃吉特·夸姆·图皮斯。在laoreet arcu-sed ipsum faucibus中，eget hendrerit quam ornare。我们的调味品是vitae nisl tincidunt ornare。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。在狮子座之前。枕叶前庭位于大菱侧。在比本杜姆·维韦拉·利奥·非特里斯蒂克。Morbi varius leo ac lobortis luctus。粗发酵液是一种发酵液。这是拉齐尼亚终点站。红葡萄酒、红葡萄酒、红葡萄酒。这是一种健康饮食。

您应该尝试使用z-index，让图像与div重叠，并使用bootstrap或@media查询来调整大小问题在黑色文本HTML元素中插入一个

。制作黑色文本框，

位置：相对。使红房子
位置：绝对；顶部：-50px；左：-50px或类似的东西。你试过什么了吗？@DavidG是的，我看到了我的错误（现在我看到了建议）。我试图在引导行周围加一个边框，然后将img设置为负边距。它产生了太多意料之外的后果。