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

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

.credit { position: absolute; background-color: pink; transform: rotate(-90deg) translateX(-50%); } 

 
 Picture by Name  

Solutions Collecting From Web of "CSS вращается и размещается на левом верхнем углу"

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

 
 Picture by Name