html - margin : 0 auto; not working

Question

这是 fiddle :http://jsfiddle.net/Tb3sF/ .

I looked at this post .

我试过下面的代码(使用和不使用:display:block 和不同的宽度。)

.form {
   display: block;
   margin: 0 auto;
   width: 700px; 
}

谢谢!

Answer 1

It is centering使用 margin:0px auto，但是，由于它是 700px，您看不到它在这么小的窗口中居中。

尝试将其降低到 300 像素； see jsFiddle here

或者，您可以只使用 text-align:center; jsFiddle here