title: angularjs How to create stack of divs with ng-repeat
body: <p>In short I have a list of div created with ng-repeat.</p>
  
  <pre><code>&lt;div class="col-md-2-4" ng-repeat="card in cards"&gt;
      &lt;ul class="list-unstyled cs-tag-item-grp"&gt;
         &lt;li class="clearfix" ng-repeat="value in card.cardItem"&gt;
            &lt;div class="pull-left"&gt;
              {{value.keys}}
            &lt;/div&gt;
         &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>Which display something like this: <strong><a href="http://plnkr.co/edit/mYxXW6abUxqX47Xe4Sek?p=preview" rel="nofollow noreferrer">Plunker</a></strong> </p>
  
  <p>But is this possible to make them stacked something like this? :
  <img src="https://i.stack.imgur.com/uML18.png" alt="enter image description here"></p>
  
  <p>I guess I have to dynamically set the positions and z-index for each div. But I'm  not sure if this can be even possible and if so then how? This will be great if there is any solution for this.</p>
  
  <p>If need jQuery/js it will be fine too.      </p>