Vertical Text in CSS or JS

Is it possible to implement a vertical text in CSS or Javascript?

Give me the idea… I found the css code in some one url… I have given below. But am not sure its working all browsers or not.

<style>
<!–
.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
–>
</style>

<div class=“verticaltext”>Test-1</div>

OR

<style>

.vtext{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>

<div class=“vtext”>Test-1</div>

There is a better example here. Won’t work in opera or older browsers and uses the filter for IE.

Thanks for your help

-o-transform:rotate(30deg); works in Opera