i am using

writing-mode: tb-rl;

to get this affect:


<td style="writing-mode: tb-rl;">Hello World</td>


does anyone know how this can be achieved in firefox and opera? as this only works in IE

Recommended Answers

All 3 Replies

Firefox is only CSS2 compliant not CSS3

yeh, i realised that... but has anyone achieved the same thing via a different way, that wouldnt involve using images?

like, putting a space between every letter and using white-space: pre


any ideas?

I'm not familiar with this style...but I think I have the general idea.

You could use a container div with nested divs inside. Set the nested divs to the width of one character (this creates the top-to-bottom effect), then float each of the nested divs on the right margin (this will create the right-to-left effect).

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.