Get a free trial // 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


    I am trying to create a timeline style page. I am using [masonry]( “”) and the end result is as you would expect. This is a very small [demo]( “”) 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]( “”); 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed