transform: rotate(90deg) не поворачивает ширину блока

Ширина и не должна "поворачиваться".

К вашему коду можно добавить position: absolute;

transform-origin: center;
transform: rotate(90deg);
position: absolute;

Тогда оно займет независимую от других элементов позицию и будет занимать "нулевую ширину" внутри вашего кода. Далее можно добавить пробелы или пустой блок к вашему коду... там, где должен был находится повернутый элемент.

<div style="width: необходимые пиксели; display: inline-block; visibility: hidden;"></div>

Повернул текст вертикально с помощью свойств:

writing-mode: vertical-rl;
text-orientation: mixed;