JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="SampleApp">
    <div ng-controller="ListCtrl">
        <ul class="two-column">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        
        <ul class="two-column">
            <span ng-repeat-start="item in items"></span>
            <li></li>
            <span ng-repeat-end></span>
        </ul>
    </div>
</div>

CSS

.two-column {
    list-style: none;
    padding: 0;
    text-align: justify;
}

.two-column:after {
    content: '';
    display: inline-block;
    width: 100%;   
}

.two-column li {
    background-color: #f00;
    border: 1px solid #000;
    display: inline-block;
    height: 50px;
    width: 100px;
}

JavaScript

angular.module('SampleApp', [])
    .controller('ListCtrl', function ($scope) {
        $scope.items = [0, 1, 2, 3];
    });