AngularJS Example

HTML

<div ng-app="app">
 <div class="container" ng-controller="ParentCtrl">
     <div class="box" data-ng-repeat="item in list">{{ item.name }}</div>
     <span class="stretch"></span>
 </div>
 <div class="container">
     <div class="box">Item 1</div>
     <div class="box">Item 2</div>
     <div class="box">Item 3</div>
     <div class="box">Item 4</div>
     <span class="stretch"></span>
 </div>
    
</div>

CSS

.container {
    border: 2px dashed #444;
    height: 125px;
    
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    
    /* just for demo */
    min-width: 612px;
}

.box{
    width: 150px;
    height: 125px;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    zoom: 1;
    box-sizing:border-box;
    border:1px solid black;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

JavaScript

angular.module('app', [])

function ParentCtrl($scope){
    $scope.list = [
        { name: 'item1'},
        { name: 'item2'},
        { name: 'item3'},
        { name: 'item4'}
        ];
}