So I have some blocks on a website which look like this:
There are three blocks next to eachother. Now the problem here is that title can be one line of length, like in the image, to 4 lines of length. Depending on the length of the title, I successfully alter the content, so that the content stays within the block and doesn't overflow.
However, the buttons in all three blocks needs to be on the same height, no matter how long the content and the title are. I thought that I could make them sticky to the bottom of the block, so I already gave the parent a
<span class="cat"><a href="some-url" title="some-title">Here goes the category</a></span>
<h2><a href="some-url">Here goes the title</a></h2>
<span class="date">1 january 1970</span>
<p>This is the content of the post</p>
<p><a href="some-url" class="more-link"><span class="more-button">Read more link</span></a></p>
The problem (after discussing in the comments) is that the
position: relative; was set on
post-entry, instead of the outer container
post-content. Changing that will fix the problem, as long as the other rules are set correctly.