Align div in footer inside another div

Question

I have a DIV content that includes another called Images, I would like div images to be at the bottom of div content with a certain space that I could define, ex: 400px, but this happens:

I’d like to keep it that way:

Code structure:

<div id="content">

<p>TEXTO TEXTO</p>
     <div id="images"></div>

</div>

Answer 1

It is basically necessary to define the main div with the position: relative and div daughter position: absolute, the rest is edit the way you need. Follow the example:

text

  #content {
    position: relative;
    min-height: 150px;
    width: 100px;
    background: black;
    color: white;
  }
  #images {
    position: absolute;
    background: red;
    width: 80%;
    height: 20%;
    bottom: 0;
    margin-left: 10px;
    margin-bottom: 5px;
  }

<div id="content">
  <span>texto texto texto</span>
  <div id="images"></div>
</div>