CSS-简单表单格式不正确

我有一个表单，除了表单底部的submit按钮之外，所有内容都可以正确格式化：它们应该居中

我尝试过多种不同的嵌套div组合，以及设置宽度、边距和文本对齐，但我似乎不知道我做错了什么

这是我到目前为止所拥有的

HTML

---

使用样式化无序列表比使用div格式化表单要好得多

form ul, form li {
   margin:0;
   padding:0
}


<ul>
    <li><label>....</label> <input ... /></li>
    ...
</ul>

表格ul，表格li{
保证金：0；
填充：0
}


...

按钮是浮动的（因为它们也是

input

s）。将其更改为

或修改CSS：

.buttonrow #submitButton, .buttonrow #cancelButton {

    float: none;
    width:auto;

}

---

这太简单了，真不敢相信我竟然忽略了这一点@kjl，这是常有的事。有时候，问第二双眼睛比花上几个小时试图找出问题所在要快；）

form ul, form li {
   margin:0;
   padding:0
}


<ul>
    <li><label>....</label> <input ... /></li>
    ...
</ul>

.buttonrow #submitButton, .buttonrow #cancelButton {

    float: none;
    width:auto;

}