How to realize horizontal text arrangement in css: first create an HTML sample file; then create a p tag; and finally use the "writing-mode: horizontal-tb;" attribute to realize horizontal text arrangement.

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

How to realize horizontal text arrangement in css?

css to achieve horizontal/vertical text arrangement

##writing-mode: Writing mode

Attribute value Effect horizontal-tb Horizontal arrangement ##vertical-rl vertical-lr For example:

Vertical arrangement, from right to left
Arrange vertically, from left to right

html：

 
horizontal-tb：横向排列
 
vertical-rl：纵向排列，从右到左
 
vertical-lr：纵向排列，从左到右

css：

Achievement effect:
Recommended study: "

css video tutorial

"

The above is the detailed content of How to achieve horizontal arrangement of text in css. For more information, please follow other related articles on the PHP Chinese website!