title: How to Align two images inline in css
body: <p>I have two images in a div and I want to align both of the images horizontally center in the div. I have tried but I am not able to get it, can any one help?</p>
  
  <p>Thanks in advance, CSS code and image is attached:</p>
  
  <pre><code>div {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  .subscribeLogo {
      max-height: 100%;
      max-width: 100%;
      object-fit: contain;
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/DZXDp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DZXDp.png" alt="enter image description here"></a></p>