Я повернул div с текстом и хотел разместить его слева вверху. Мне удалось разместить его сверху, но я не могу заставить его работать, чтобы выровнять его с левым краем. Как мне это сделать?
.credit { position: absolute; background-color: pink; transform: rotate(-90deg) translateX(-50%); }
Picture by Name
Измените начало преобразования в top left
и сделайте перевод -100%
body { margin:0; } .credit { transform-origin: top left; position: absolute; background-color: pink; transform: rotate(-90deg) translateX(-100%); }
Picture by Name