I need to arrange some element inside a div. The problem is that I can't modify `html` code, so I need to resolve it by `css`.

I have these blog posts:
[![enter image description here](https://i.stack.imgur.com/7yTQ5.png)](https://i.stack.imgur.com/7yTQ5.png)

The problem is that the 'Read more' button is shifted down when the title or the content is too long. I need the button to be fixed at bottom of the blog post, as it is in the second post.

This is the code I'm using:

```
<div class="contact_con blog-posts">

    <div class="loop-entry-thumbnail">
    <a href="http://staging.princetonpartners.com/the-magic-of-viceland/" title="The Magic of Viceland">
      <img src="http://staging.princetonpartners.com/wp-content/uploads/The-Magic-of-Viceland.jpg" alt="The Magic of Viceland" title="The Magic of Viceland" width="100%">
         </a>
         </div>
  <div class="loop-entry-content clr">
      <header>
       <h2 class="loop-entry-title entry-title">
        <a href="http://staging.princetonpartners.com/the-magic-of-viceland/">The Magic of Viceland...</a>
       </h2>
      </header>
     <div class="loop-entry-excerpt entry clr blog_loop_entry_title">
         I’m part of a generation that rarely watches traditional cable news, and instead ab...<br>
      <span class="home_readmore home_readmore_button"><a href="http://staging.princetonpartners.com/the-magic-of-viceland/">Read more</a></span>
          </div>
        </div>

       </div>

```

I have tried with position: absolute and relative, but it not resolved this problem.