Hi
I am trying to create a timeline style page. I am using [masonry](http://masonry.desandro.com/ “”) and the end result is as you would expect. This is a very small [demo](http://codepen.io/aurelkurtula/pen/CjFBq “”) which I think focuses on the problem at its basic level.
I would like to be able to prevent two arrows meeting together. the demo shows all four arrows (the :after elements) point to one another. In a real case, one article would be longer then another so most pointers might not be “facing” one another. However some are bound to. So is there a way to prevent this from happening.
This is a [screenshot of strands tumblr theme](http://d.pr/i/wf2s “”); that is what I do not want, if that happens, is there a way to move one down. only the :after element, not the article
Hope Im not confusing. Thanks a lot