Lots of 3 DIVs per line - like a table?

Question

css

There is a DIV layout .. and there can be a lot of DIVs (the number is not known in advance), you need to make a table out of them - ala 3 DIVs per line, the next line should start at the height of the maximum previous
one, i.e. I should write like

<div>my Code</div>
<div>my Code<br>dssdfdsf<br>dssdfdsf</div>
<div>my Code</div>

<div>my Code</div>
<div>my Code</div>
<div>my Code<br>dssdfdsf<br>dssdfdsf</div>

<div>my Code</div>
<div>my Code</div>
<div>my Code</div>

bootstrap is used - AngularJS
is there a way to do this?
Now it's like that -
I would like evenly

Answer 1

Guys, well, do not be perverted. Tabular data typeset tables.

Answer 2

<div style="margin: 10px">
        <div ng-repeat="prop in data.properties" style="display:inline-block; width: 33%; vertical-align:top;">
            <h3>{{::prop.name}}</h3><hr />
            <table class="table" ng-view="prop.tags.lengtn > 0">
                <tr>
                    <td>.
........
                    </td>
                </tr>
            </table>
        </div>
</div>

something like this))) here is the screen ...