New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
  • IE5+: IE 5 and above
  • FF1+: Firefox 1.0+. NS6+ and FF beta are assumed as well.
  • Opr7+: Opera 7 and above.
Bookmark online:
IE5.5+

Vertical Text script

Author: Dynamic Drive

Description: Text has always been displayed horizontally (in the Western World at least), until now! This script harnesses the "writing-mode" attribute of CSS, supported in IE5.5+, to display any text vertically in those browsers. Great for showing items such as copyright text, special notices etc.

Demo:

Directions Developer's View

Step 1: Insert the below CSS into the <HEAD> section of your page:

Select All

You may customize the above attributes (except "writing-mode") to control more precisely where you wish the vertical text to appear on the page.

Step 2: Finally, in the <BODY> section of your page, insert the below script anywhere to activate the displaying of the text:

Select All

Have fun.