New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
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.