Writing Vertical Text with CSS

How to draw vertical text with CSS cross-browser ?
this is a simple css to write a vertical text

<style type="text/css">
p
{-ms-transform: rotate(270deg);
-ms-transform-origin: 50% 50%;
-o-transform: rotate(270deg);
-o-transform-origin: 50% 50%;
-moz-transform: rotate(270deg);
-moz-transform-origin: 50% 50%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 50% 50%;
font-family: Arial, 'Times New Roman';
font-weight: normal;
font-size: 25px;
position: absolute;

/* for Arabic */
direction: rtl;
}

// For IE 8 and older 
  
    <!--[if lt IE 9]>  
<style type="text/css">
p
{
writing-mode: tb-rl;
filter: flipv fliph;
}
 </style>
<![endif]-->