css - 回転と平行移動

Question

テキスト行の回転と配置に問題があります。今、機能するのは位置だけです。回転も機能しますが、配置を無効にした場合のみです。

CSS:

#rotatedtext {
    transform-origin: left;
    transform: rotate(90deg);
    transform: translate(50%, 50%);
}

html はプレーンテキストです。