title: AngularJS : Incorrect Alignment using ng-repeat and ng-include
body: <p>I have a ng-repeat and inside it an include for a different html partial.</p>
  
  <pre><code>&lt;div ng-repeat="item in feedItems"&gt;
    &lt;div ng-include="'item.itemType.html'"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Following is my css of partial html itemType.html</p>
  
  <pre><code>.card {
      position: relative;
      margin: 15px 2px 0 2px;
      width: 120px;
      float: left;
      text-align: center;
      padding-top: 5px;
      border: 1px solid #e6e6e6;
  }
  </code></pre>
  
  <p>Now ng-repeat div does not have any fixed size. what I want is to align the ng-repeat items properly according to the size.</p>
  
  <p>Though i dont have enough reputation I am not able to post an image over here.</p>
  
  <p>As of now we can imagine the output to be like 3 html divs among which 2nd div has a slightly increased hieght are placed side by side  and a 4th div placed below the third. Whereas the 4th div should be aligned to the left below the first div.</p>
  
  <p>Thanks in Advance.</p>