如何居中对齐div

Question

我从Mail chimp获得了一些嵌入代码，以便在我的网站上显示简报注册框。我试图将新闻稿中心对齐，但不确定我需要添加样式的div。我尝试使用style =“text-align：center”但它没有用。我觉得可能会有过度的骑行风格？

www.skinmade.com.au（见页面底部）

提前致谢。

Answer 1

给你的包含div一个固定的宽度，将显示设置为'block'并将左右边距设置为'auto'，如下所示：

#mc_embed_signup {
    display: block;
    margin: 0 auto;
    width:300px;
}

您还可以使用提交按钮修复问题，而不是显示如下全文：

#mc_embed_signup input.button {
    width: auto;
}

Answer 2

在你的css中试试这个：

#mc_embed_signup input.button {
display: block;
width: 133px;
text-align: center;
position: relative;
height: 43px;
/*margin:0;*/
}

Answer 3

试试这个

input.button{ display: inline-block; }

#mc_embed_signup{ text-align:center; }

或

#mc_embed_signup{ width:200px; margin: auto auto; }