Solve the Problem of DIV center failure using CSS

A friend used DIV center, but found that DIV center failed. Why? Here we will solve the problem!

1. Generally, the DIV center fails because no DTD statement is written.

Add:

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

That's it! In fact, many other css problems are caused by the absence of dtd statements.

2. Use margin to center the DIV

The simplest method is:

. Divstyle {margin: 0 auto ;}

To be more complex, add both the left and right margins:

. Divstyle {margin-left: auto; margin-right: auto ;}

In this way, you can imagine that DIV is centered!