Grow your CSS skills. Land your dream job.

How to prevent elements from have the same offset value?

  • # April 9, 2013 at 7:37 pm

    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

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".