How To Place Text Below Background Image Using Inline Block Property

hello i'm trying to put text below a background images. like here i want place two background images side by side and below each image i wanna place text. i have take one div class

Solution 1:

You haven't set a css property for your paragraph tag within your imgcontainer.

In my fiddle, I added the following :

.imgcontainerp {
  position: relative;
  top: 100px;
}

I also added a background-size to both of the background images. I used background-size: cover; (I replaced the image urls with ones that I have in my image folder on my website)

https://jsfiddle.net/RachGal/f0fsLd2h/ :Fiddle

Solution 2:

I hope this was what you where looking for.

Here is a link to an updated fiddle: Fiddle

If you change te background-color to an image, it should still work

I simply added:

.imgcontainerp {
  position: relative;
  bottom: -90px;
  max-width: 100px;
}

To the paragraph