在中心对齐div不起作用

Question

这是页面：http://trozato.com/

我尝试将整个时事通讯（mailchimp）div中心，但它不起作用。我已经输入以下代码：

#mc_embed_signup {
margin: 0 auto;

使它居中。我希望尺寸为400px，当我尝试改变提交按钮的尺寸以使它们相同时，在浏览器（chrome工具）上使用以下代码，但是当我把它放在代码中时。

#mc_embed_signup input.button {
display: block;
width: 58%;
margin: 0 0 10px 0;
min-width: 90px;
}

width: 58%;应该做的工作......没有？

Answer 1

简单：将Input元素的margin-left和margin-right设置为“auto”。

示例CSS：

#mce-EMAIL
{
   margin-left: auto;
   margin-right: auto;
}

#mc-embedded-subscribe
{
   margin-left: auto;
   margin-right: auto;
}

Answer 2

试试这个：

#mc_embed_signup input.button {
display: block;
width: 35%;
margin: 0 auto;
min-width: 90px;
}

#mc_embed_signup input.email {
display: block;
padding: 8px 0;
text-indent: 5px;
width: 58%;
min-width: 130px;
}