[Solved] transform rotated element fixed to the right (help)

[helpseeker]

Hi guys

I have a rotated element that needs to stay fixed to the right.
The text inside this element is dynamic (can be very short or very very long)

Current problem:
As the text length gets longer the whole div moves away from the right side regardless of position fixed. I am testing on FF and Chrome and I see the same
effect. I am new to using the transform property so probably I am doing something really silly that you savvy guys can hopefully easily figure out.

Demo:
http://jsfiddle.net/38bkz8a0/2/

thanks!

[Paulie_D]

http://jsfiddle.net/38bkz8a0/5/

    transform: rotate(270deg);
    transform-origin: right bottom;

Seems to be more in line with what I think you are after.

[helpseeker]

wow thanks works like a charm!

[Author]

Posts