your code is working, maybe the size of your two images can’t fit in the screen

check this code:

 .childhood {
  display: inline;
  float:left;
  margin: 0px;
  padding: 0px;
  
  width: 200px;
 }

<figure>
  <div class="child">
  <img class="childhood" src="https://i.ibb.co/c3y4KSf/104938518-2777265905826942-8721565023138927238-o.jpg">
  <img class="childhood" src="https://i.ibb.co/c3y4KSf/104938518-2777265905826942-8721565023138927238-o.jpg">
  <figcaption>
  SOME TEXT
  </figcaption>
  </div>
</figure>

try this:

.child {
  display: flex;
  aign-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

figcaption {
  width: 100%;
}

.childhood {
  width: 50%;
}

Let me know

I have the two images below in HTML and wanted to put them next to each other,however it seems one gets placed under the other.I have used the CSS display:inline-block to address this issues.

HTML :

  <figure>
    <div class="child">
      <img class="childhood" src="/home/ali/FullStack/try/Images/1.JPG">
      <img class="childhood" src="/home/ali/FullStack/try/Images/2.JPG">
      <figcaption>
      SOME TEXT
      </figcaption>
    </div>
  </figure>

CSS:

.childhood {
    display: inline;
    float:left;
    margin: 0px;
    padding: 0px;
}

I Was wondering what am I doing wrong that is preventing the two images from being displayed next to each other?