CSS makes page text vertical

Vertical in the word processing Office software is very easy to achieve. Since this effect is not much seen in the production of Web pages, the discussion on this issue is relatively small. But in the production of Chinese ancient characteristics of the site, such as the text history, calligraphy, tourist sites and so on site, if the use of vertical text, with the antique background and simple old colors, in the visual will get unexpected results.
There are two important attributes in the style sheet's word processing properties: Writing-mode and Text-align.
1. Writing-mode (Set object writing direction)
Syntax: WRITING-MODE:LR-TB, TB-RL
Parameters: Lr-tb: From left to right, from top down TB-RL: From top down, right to left
Example: div {writing-mode:tb-rl;}
2. Text-align (Sets the alignment of the text in the object)
Grammar: Text-align:left, right, center, justify
Parameters: Left: right-aligned right: Align Center: center justify: Justify
Example: div {text-align:center;}
Cases:
< HTML >
< head >
< title > Vertical Text-www.cxybl.com</title >
< style type= "Text/css" >
<!--
. TNT {WRITING-MODE:TB-RL; TEXT-ALIGN:LEFT;FONT-SIZE:9PT}
-->
</style >
< BODY >
< div class= "TNT" >
</div >
</body >