CSS вращается и размещается на левом верхнем углу

Я повернул div с текстом и хотел разместить его слева вверху. Мне удалось разместить его сверху, но я не могу заставить его работать, чтобы выровнять его с левым краем. Как мне это сделать?

Измените начало преобразования в top left и сделайте перевод -100%

 body { margin:0; } .credit { transform-origin: top left; position: absolute; background-color: pink; transform: rotate(-90deg) translateX(-100%); } 
 
Picture by Name