Turn table rows into columns with css

I have a question / problem here. I wonder if you can help me. I have a table, made up of tbody, tr and td, but I would like to turn the rows into columns, except that I need to stay for example 3 records per line let's say, on the third, it breaks and starts a new row of records because how can I have 3, I can have 12,15,8 ... and so on. Here comes the doubt, can I do this with the display property?

The table code is:

<th>
    <tr>
        <td>1</td>
    </tr>
</th>
<tr>
    <td>2</td>
</tr>