Positioned blog title text overlaps paragraph

[subversiv]

I am trying to style a masonry blog, img on top, title in the middle and the excerpt on the bottom. The problem is when a title is long, it overlaps with the paragraph below. I tried floating and clearing. Nothing seems to works. Here you can see http://rebelde.website/test6/blog/ what I mean. thanks

here is the code in question:
http://codepen.io/anon/pen/ZQJNzp

[Paulie_D]

You’re using positioning so naturally clearing etc won’t work.

This situation is precisely why positioning is not ideal.

The majority of masonry layouts are handled by Javascript for this very reason.

You build your predefined container blocks and let JS lay them out for you.

[Author]

Posts