Member Avatar for grungetta

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

  • 2 Contributors
  • 3 Replies
  • 120 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by FC Jamison
Member Avatar for FC Jamison

Firefox is only CSS2 compliant not CSS3

Member Avatar for grungetta

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?

Member Avatar for FC Jamison

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, networking, learning, and sharing knowledge.