Software Technology Tips

If want to display vertical text you can either use an image or CSS properties. However, for cross-browser compatibility you have to use different properties for different browsers.

To rotate any text by 90 degree (as shown above) you can write the following -

  

 
-moz-transform: rotate(90deg); /* For Firefox */
 
-o-transform: rotate(90deg); /* For Opera */
 
-webkit-transform: rotate(90deg); /* For Safari and Chrome */
 
writing-mode: tb-rl; /* For IE */


Related Tags:

CSS, Rotate Text

Author: Devi Das

HTML/CSS

Let us Connect!

iso 9001 QA25 Red Herring STPI D&B Fastest Growing SME 2013 Award zinnov Nasscom

This site uses cookies. We respect your privacy.copyright (c) Mindfire Solutions 2007-2015. Login