How to interlock divs? <p>I would like to interlock an undefined number of divs (as in Pinterest) from this:</p> <pre><code>++++++++ ******** + + * * + + * * + + ******** + + ++++++++ ~~~~~~~~ -------- ~ ~ - - ~ ~ - - ~~~~~~~~ - - - - - - - - - - -------- </code></pre> <p>to this:</p> <pre><code>++++++++ ******** + + * * + + * * + + ******** + + -------- ++++++++ - - ~~~~~~~~ - - ~ ~ - - ~ ~ - - ~~~~~~~~ - - - - - - -------- </code></pre> <p>Is it possible with CSS or other stuff?</p>