css - 将表单居中放置在 div 中

Question

如何让表单居中，并与 div 中下方的提交按钮对齐？ http://www.magnixsolutions.com/dev/test/test.html

.containerForm {
    padding-top: 20px;
    text-align: center;
    width: 250px;
    float: right;
    padding-right: 65px;    
}
.containerSecuImgs {
    text-align: center;
    width: 250px;   
}

下面的两张图片在放置 padding-bottom: 20px; 后也不会让我向上移动一点点；我做错了什么？

Answer 1

用包装器元素(例如 div)包装标签和输入组，并为其提供 0 auto 的边距以使其居中。在该包装器元素内，您可以根据需要 float 标签和输入。

这是我为您准备的示例:http://jsfiddle.net/BqEa8/