Angular ng-repeat вывод значений в ряд

Всем привет. Столкнулся с проблемой вывода значений массива обьектов в ряд. Вот пример кода:

<div id="catBlock">
    <div ng-style="catBlock" ng-repeat="cat in list | orderBy: 'id' ">
                <img width="120px" height="150px" src='{{cat.imgPath}}' title="{{cat.name}}"/>
            </div>
    </div>
</div>
$scope.catBlock = {
    "display": "inline",
    "clear": "both",
    "border": "1px solid #666666",
    "background": "#555555",
    "width": "165px",
    "height": "210px"
};

Вывод происходит стандартно в столбик

Что нужно сделать для того что бы список выводился в ряд, а не в столбик? Заранее благодарен за ответ.

PS/ Есть предположение что этого обычным CSS не решить и вероятно придется изврашаться с repeat and if.