html - 如何使表格居中

Question

我有一个简单的表格...

<label>name</label><input type="text" id="name">
<label>email address</label><input type="text" id="email">

这是目前为止的 CSS；输入元素根据需要垂直排列。

<div>
    <label>name</label>
    <input type="text" id="name">
</div>
<div>
    <label>email address</label>
    <input type="text" id="email">
</div>

div
{
    padding: 5px;    
}
label
{
    display: block;
    width: 100px;
    float: left;
}

see fiddle here

问题是我希望我的表单在页面上居中。我怎样才能使 float 元素居中(或者如何在不 float 的情况下对齐)？

必须适用于所有浏览器，包括 IE6。

Answer 1

请在此处查看更新的 Fiddle:http://jsfiddle.net/XpjYJ/7/

我将您的 html 放在了一个 div 中。然后我给 div 一个固定的宽度，并将边距设置为 margin: 0 auto;