CSS controls Div center failure

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!