Изменить ориентацию на вертикальную, строки таблицы HTML + CSS

У меня есть эта таблица:

<table id="tabla">
    <tbody>
        <tr><th>row1</th><td>aaaa</td></tr>
        <tr><th>row2</th><td>bbbb</td></tr>
        <tr><th>row3</th><td>cccc</td></tr>
        <figure><img src="image.png"/></figure></td></tr>
    </tbody>
</table>

Это организует информацию по строкам ... Но я хочу повернуть ее и отобразить в столбцах ... Надеюсь, этого достаточно для объяснения того, что я хочу:

Как у меня это сейчас:

row1: aaaa
row2: bbbb
row3: cccc imag

Как я этого хочу:

 row1 | row2 | row3
 aaaa | bbbb | cccc
             | imag  

Как я могу сделать это с помощью CSS?

Ответы на вопрос(3)

Ваш ответ на вопрос