Vertical text orientation in css

Question

I can’t believe that no one ever asked about this, so I just assume I don’t know the right name for what I want. I would like for text like jelly to be vertically aligned as follows:

 j e l l y 

Is there a cross browser solution?

Answer 1

Here's an article that describes several ways to achieve this, both with CSS and javascript, as well as the pros and cons of each.

http://net.tutsplus.com/tutorials/html-css-techniques/the-easiest-way-to-create-vertical-text-with-css/

I hope you find this helpful.

Answer 2

You can write like this:

 p{ width:5px; word-wrap:break-word; } 

Check out http://jsfiddle.net/TWb9j/