How to make horizontal words stand up in css

How to use css to stand up horizontal words: First create an HTML sample file; then define a div text; and finally set the css style to "{width: 20px;margin: 0 auto;line-height: 24px;}" to stand the text up.

The operating environment of this tutorial: windows7 system, css3 version. This method is suitable for all brands of computers.

Recommended: "css video tutorial"

1. The vertical arrangement of a sentence

As shown in the figure:

     
   
我是竖列排版
 
I AM ENGLISH
  

2. Multiple sentences arranged vertically (such as ancient poems)

As shown:

     
   
欲话毗陵君反袂，欲言夏口我沾衣。谁知临老相逢日，悲叹声多语笑稀。
 
I AM ENGLISH
  

3. The fonts are horizontally aligned, The overall vertical layout

is shown in the picture:

     
   
欲话毗陵君反袂
 
ENGLISH
  

The above is the detailed content of How to make horizontal words stand up in css. For more information, please follow other related articles on the PHP Chinese website!