Изменить ориентацию на вертикальную, строки таблицы 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?