css - 多列表格显示不均匀

Question

我正在尝试创建看起来平衡的两层多列表单的方法。我最近的尝试涉及将每个标签/输入包含在 li 中并让它们 float 到位。尝试有点成功，但有一个尺寸问题我无法解决。表单宽度为 600 像素，我将 li 设置为 280 像素，这将使两列大致居中放置在表单中。然而，效果是一边倒的；一切都太左了。就像在表单的右侧有一个大约 150 像素的巨大边距——只是没有。

在分析它时，我注意到 input 实际上测量为 175px。但是，如果我尝试增加宽度，它会换行，所以它们就像 280 像素一样。但是您会在 jsfiddle 中注意到，最后一个 li 扩展到了全宽 - 600px。因此，它不可能是任何 fieldset 格式化的结果。此外，如果我将 float 更改为“right”，150px 的假边距仍然存在。 Firebug 正常检测所有边距和填充。

我只是不明白。我尝试过重命名、应用其他类、更改 li 的顺序、删除属性和添加其他属性以及更改样式协议(protocol)……但通常我只会让事情变得更糟。如果我的任何其他技术都接近于提供我正在寻找的显示，我将完全放弃 ol li 概念。是什么导致了 150px 的右边距？我该如何摆脱它？我需要理解这一点，因为表格的第二部分应该有两列和三列。因此，如果 li 无法提供一致的宽度，我必须尝试其他方法。

这是链接:jsfiddle[http://jsfiddle.net/9344a/]先感谢您。 (我试图清理它，但由于尝试了不同的组合，CSS/HTML 可能有点困惑。如果还有什么难以理解的地方，请告诉我。)

Answer 1

你可以给

  fieldset.partOne 
  {
      text-align: center;
  }