Rotate Text – Possibly Impossible? Impossibly Possible?

[hec]

Hi All,

Total newbie, just wondering whether what I am trying to do is even possible ???

Basically I have header text that is too wide for my required layout.
I’m thinking if I could get the headers oriented like we can do in Exel, we’d be sweet.

I’ve played around with “transform: rotate(-45deg);” with a bit of luck, but are still WAAAAAAAY off what I require.

What I’m after can be seen here – https://res.cloudinary.com/hec/image/upload/v1574256853/uploads/RotatedText.png

So possible or not?

Thanks in Advance

[uxfed]

Your transform: rotate will work, but you may also need to fiddle with white-space: nowrap on the text, as well as setting a fixed width on the table cells so the text doesn’t blow it out (I’m guessing that’s a table)?

A codepen of your progress would mean we wouldn’t have to guess at a solution.

[Author]

Posts