html Text centering style: 1. Horizontal centering style is “text-align: center;”; 2. Text vertical centering style is “line-height:px value;”; 3. Text vertical centering style is “ display: flex;align-items: center;".

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

html text center

1. Text horizontally centered--text-align: center;

The text-align attribute specifies the horizontal alignment of text within an element.

This attribute sets the horizontal alignment of text within block-level elements by specifying the point at which the line box is aligned. The value justify is supported by allowing user agents to adjust the spacing between letters and words in line content; different user agents may get different results.

Example:

     
  
这是标题 1
 
这是标题 2
 
这是标题 3
  

Rendering:

[Recommended Tutorials:CSS Video Tutorial, "html Video Tutorial"】

2, text vertically centered

1), line-height makes a single line of text vertically centered

      
  
css 垂直居中了--文本文字
  

Effect picture:

2), CSS3 flex layout makes the text vertically centered

      
  
css 垂直居中--文本文字（弹性布局）
  

For more programming-related knowledge, please visit:Programming Video! !

The above is the detailed content of What is the style of html text centering?. For more information, please follow other related articles on the PHP Chinese website!