<div class="resultsTable">
            <table style="display: inline-table">
                <tr ng-repeat="result in results" class="resultsBox">
                    <td>
                        <img src="{{result.imageUrl}}" width="200px">
                        <h4>{{result.name}}</h4>
                    </td>
                </tr>



            </table>
        </div>

.resultsBox{
    background-color: #ffffff;
    height: 200px;
    width: 200px;
    padding-left: 10px;
    padding-top: 20px;
}

.resultsBox>img{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.resultsTable{
    max-height: 500px;
    overflow: scroll;
    display: inline-table;
    height: 500px;

}

<div class="resultsTable">
    <table style="display: inline-table">
      <tr ng-repeat="row in results"> //loop over all row of 2 elements
        <td ng-repeat="cell in row" class="resultsBox"> //loop over elements
          <img src="{{cell.imageUrl}}" width="200px">
          <h4>{{cell.name}}</h4>
        </td>
      </tr>
    </table>
  </div>