CSS:Can';无法将“提交”按钮转到中心

CSS:Can';无法将“提交”按钮转到中心,css,forms,button,submit,Css,Forms,Button,Submit,非常奇怪,我今天花了一个小时试图找出我做错了什么。有一个电子邮件注册表格。四个输入字段和一个提交按钮。在我的设计中,提交按钮应该位于四个字段的中心。然而,不管我是否使用float:left;或明确:两者皆有;或保证金:0自动;换句话说,通常的嫌疑犯 这里是网站。表格在底部: 代码如下: #页脚格式{ 位置:相对位置; 浮动:无; 宽度:728px; 高度:自动; 保证金:0自动; 填充:18px自动0; } 页脚表单输入{ 浮动:左; 颜色:#2a358f; 宽度:44%; 背景#edc53e

非常奇怪,我今天花了一个小时试图找出我做错了什么。有一个电子邮件注册表格。四个输入字段和一个提交按钮。在我的设计中,提交按钮应该位于四个字段的中心。然而,不管我是否使用float:left;或明确:两者皆有;或保证金:0自动;换句话说,通常的嫌疑犯

这里是网站。表格在底部:

代码如下:

#页脚格式{
位置:相对位置;
浮动:无;
宽度:728px;
高度:自动;
保证金:0自动;
填充:18px自动0;
}
页脚表单输入{
浮动:左;
颜色:#2a358f;
宽度:44%;
背景#edc53e;
边界半径:8px;
利润率:0.2%14px;
字号:18px;
填充:0.5%;
边界:无;
}
页脚表单输入。注册{
字体系列:“克拉伦登urw”,衬线;
浮动:无!重要;
明确:两者皆有;
背景:#2a358f;
颜色:#edc53e;
保证金:0自动;
字号:18px;
填充:8px 24px;
边界:无;
文本对齐:居中;
}
页脚p{
填充:28px0;
}

您应该将其放在DIV部分,并使其样式文本对齐:居中,如下所示:

<div style="text-align:center;">
    <input type="submit" name="Submit" class="signUp" value="Sign me up for the Email List!">
</div>

页脚表单输入。注册{display:block}。。添加显示属性,它将居中对齐。。。希望这对我有所帮助,我知道并正在考虑这一点,但同时我也没有尝试引入另一个嵌套div。事实上,我刚刚发现如果我添加一个文本对齐:center;对于#footerForm div,它会在不影响输入字段的情况下对齐文本,这是我最初关心的问题。非常感谢你的帮助。
<div class="submitsection">
    <input type="submit" name="Submit" class="signUp" value="Sign me up for the Email List!">
</div>
.submitsection {
    text-align:center;
}