Html 试图在图像上放置容器

我试着在imagem上面放一个div，这个div是一个白色的框，在这个div里面有一个标题和一个段落元素，但是我努力使白色框出现，文本出现，但是白色框根本不出现

下面是我尝试执行此操作的部分的代码，div的名称为“info container”。我可以把文字放在图片上，但是白色框没有出现，你能帮我吗

HTML:

提前非常感谢

好的，这是我的尝试

首先将溢出添加到信息容器中，并将绝对位置添加到其中，并使用边距h4和p进行对齐

.artist-photo {
    position: relative
}

.info-container {
  position:absolute;
  top: //As per need;
  overflow: hidden;
}

从h4移除绝对位置，p使用边距对齐

.info-container>h4 {
    float: left;
    margin-right: 10px;
}

.info-container>p {
    float: left;
}

.artist-photo {
    position: relative
}

.info-container {
  position:absolute;
  top: //As per need;
  overflow: hidden;
}

.info-container>h4 {
    float: left;
    margin-right: 10px;
}

.info-container>p {
    float: left;
}