title: How to position container to fixed position?
body: <p>I have a div where I display next and previous blog post. I have the title in one container <code>(footer_post_title)</code> and the year and "read more button" in another container <code>(footer_post_buttons)</code>underneath. I need to have the second container stay in the bottom of the main container <code>(blog_image_footer)</code> no matter how long the title is in <code>(footer_post_title)</code>. How can I achieve this?</p>
  
  <pre><code>&lt;div class="col-md-6 more-articles-left"&gt;
      &lt;div class="more-articles previous"&gt;
          &lt;div class="blog_image_footer"&gt;
              &lt;div class="row artikkel-title-previous" style="height:100%; background: linear-gradient(24deg, rgba(167, 85, 194, 0.9), rgba(219, 197, 218, 0.9)), url('/files/blog_pictures/o-KID-EATING-facebook.jpg') no-repeat center center /cover"&gt;
                  &lt;div class="container footer_post_title"&gt;
                      &lt;div class="col-md-12"&gt;
                          &lt;h1 class="blog_post_title_footer"&gt;How to teach Your kids to eat healthy&lt;/h1&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="container footer_post_buttons"&gt;
                      &lt;p class="blog_post_year_footer"&gt;December 2016&lt;/p&gt;
                      &lt;a href="article.php?article_title=how-to-teach-your-kids-to-eat-healthy" class="btn btn-default btn-footer-read-more" name="read-more-article"&gt;Read now!&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>