title: Gap between ng-repeat elements in Angular
body: <p>I am having a problem with multiple <code>ng-repeat</code> elements when showing <code>div</code> elements as <code>inline-block</code>. There is a strange gap between elements where one <code>ng-repeat</code> ends and the next one starts, as illustrated by the image:</p>
  
  <p><img src="https://i.stack.imgur.com/tMS1W.png" alt="gap when using ng-repeat"></p>
  
  <p>I have created a <a href="http://plnkr.co/mDHcEEaVng5VJlBbf3z1" rel="noreferrer">plunk</a> to demonstrate this behavior:</p>
  
  <p>Why is this happening and how to remove the gap?</p>