How to achieve the center of DIV text level by CSS

In this article Xiaobian for you to introduce in detail "CSS how to achieve DIV text level around the center", the content is detailed, the steps are clear, the details are handled properly, I hope this "CSS how to achieve DIV text level around the center" article can help you solve doubts, the following follow the editor's ideas slowly in-depth, together to learn new knowledge bar.

The CSS-style word that uses DIV CSS to center the font is text-align, and its value is center (center).

The syntax is as follows:

Div {text-align:center}

This will center the text and picture content in all the DIV boxes in HTML, and center the CSS style horizontally around.

First, center the text in all the DIV tags on the web page.

To achieve all DIV font center examples complete web source code:

Div font centered instance div {text-align:center} I will be centered

Screenshot of example effect

Second, realize the center of the specified div content

To center text fonts within a DIV object in a web page, we need to create a new CSS selector for CLASS or ID, and use id or class calls to name the needed places in the web page.

It is named ".divcss" here, and class references are used in html.

1. The complete HTML code of an instance with left or right text centered in div is as follows:

Div font centered instance. {text-align:center} I did not set the centered css style I will be centered

2. Screenshot of an example

Read here, the "CSS how to achieve DIV text level around the center" article has been introduced, want to master the knowledge of this article still need to practice and use in order to understand, if you want to know more related articles, welcome to follow the industry information channel.