title: Nesting Masonry objects
body: <p>I am trying to create a graph view using containers. So if: [A's -> B's -> C's] the view would show an objects c inside of Bs which are inside of As.</p>
  
  <p>Something like this:
  <img src="https://i.stack.imgur.com/ipJuF.png" alt="enter image description here"></p>
  
  <p>I think a masonry view is perfect for this but I can't get the nesting to work right.</p>
  
  <p>Fiddle of what I have so far: <a href="http://jsfiddle.net/paulocoelho/5SxQ5/4/" rel="nofollow noreferrer">http://jsfiddle.net/paulocoelho/5SxQ5/4/</a></p>
  
  <p>I don't get why they are not alining. I also tried using CSS's column-count and column-gap but found the rendering to be extremely buggy.</p>
  
  <p>Fiddle code coz I must...</p>
  
  <pre><code>var $container = $('.container');
  $container.masonry({
      /*columnWidth: 200,*/
      itemSelector: '.eWrapper'
  });
  </code></pre>