AngularJS and CSS: how to display only X number of items per row

So I am wondering how can I display only 3 items per row in my AngularJS ng-repeat div. I am not using bootstrap - I only use ionic framework.

Any help will be great!

Thanks, uksz

Here is my code sample:

<div users><{{users}}</div></div>

and my directive:

<div ng-repeat="user in users" id="user-picture">
    <img ng-src="{{user.cachedUserProfile.picture.data.url}}">{{user}}</div>
    <label class="attending-name"> {{user.displayName}}</label>
</div>