I have some tables whose column headings run a bit long and would like to rotate the contents to help things fit. Do you support something like this, or do you plan to?

Thanks for making this app. My (work and therefore) life is better because of it.

----------
Johnathon Wright
Rubyist
Web Application Consultant

http://www.mustmodify.com/

You can use SVG to rotate text. In future we may support CSS3 Transforms as well.

We've had a small need to set some text rotated 90 degrees as a picture caption. Right now we're doing it in SVG as part of the image, but it would be nice to do it in CSS, therefore keeping the caption as text...

As I mentioned, not a big deal!

This is what I have so far... not what I was hoping for.


<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" width="40" viewbox="0 0 40 100" height="100">

<g transform="rotate(-60)">
<text x="0" y="30" fill="blue" font-size="10px" text-anchor="end">Text</text>
</g>
</svg>


any suggestions of how to rotate the text so that I could stack four or five next to each other and they would be uniform?

How about this:

<g transform="rotate(-60)">
<text x="0" y="30" fill="blue" font-size="10px" text-anchor="end">Text</text>
</g>
<g transform="translate(10 0) rotate(-60)">
<text x="0" y="30" fill="blue" font-size="10px" text-anchor="end">Text</text>
</g>
<g transform="translate(20 0) rotate(-60)">
<text x="0" y="30" fill="blue" font-size="10px" text-anchor="end">Text</text>
</g>