writing-mode променя посоките на подредбата

Полезно е да знаеш

writing-mode определя дали редовете се разполагат хоризонтално или вертикално и в каква посока следват блоковете. При vertical-rl редовете са вертикални, а следващите колони се разполагат наляво. [1]

Пример: .vertical-label { writing-mode: vertical-rl; }. Това влияе върху логическите оси и върху значения като inline-size. transform: rotate() завърта вече оформена кутия и решава друга задача. Провери как се ориентират самите знаци и дали текстът остава четим за аудиторията. Не избирай вертикално писане само като заместител на завъртяна декоративна табелка.