How to press the inner block to the bottom of the outer block in layout?

Question

css

It is necessary to do so, i.e. a white plate is pressed to the bottom of the block with a photo:

I have it like this, i.e. pinned to the top of the photo:

Answer 1

HTML:

<div class="poster">
  <div class="info">
      Lorem ipsum...
  </div>
</div>

CSS:

.poster {
   display:inline-block;
   width:100%;
   position:relative;
}
.poster .info {
   position:absolute;
   left:0px;
   bottom:0px;
}

Answer 2

https://codepen.io/topicstarter/pen/PQdwoK like this... just don't forget to insert metaviewport