如何在以div为中心的HTML5中创建所有元素

我尝试了stackoverflow等所有其他方式的搜索，但找不到我的答案 我的部门id是loginbox

  <div id="loginbox">
<form action="post">
    <table>
        <tr>
        <td><label>Username:</label></td>
        <td><input id="username" type="text" placeholder="username"/></td>
        </tr>
        <tr>
          <td><label>Password:</label></td>
         <td><input id="password" type="password" placeholder="password"/></td>
        </tr>
        <tr>
         <td></td>
        <td><input type="submit" value="Login" /></td>
        </tr>
</table> 
</form>
</div>

用户名：
密码：

具体取决于您想要什么：

#loginbox table { margin:auto; }

或

或

---

或者任何组合

我看不到您的CSS，但考虑到您的问题，这应该可以：

#loginbox form table {
    margin: 0 auto;
}

演示：

---

这与HTML5无关。这纯粹是CSS。

首先，你不应该使用表格。 不管怎样，大概是这样的：

td{text-align:center;}
form input{display:block;margin:auto;}

如果你真的想用html5编码，我鼓励你使用不同的结构， 比如：

---

这就是我要做的，它更干净、更灵活

这是HTML，但是你的CSS看起来像什么？使用CSS3中提供的Flexbox:Robert我的意思是我想用Html5的方式~在视觉上验证Html5Studio@YaserRanjha你不能只使用HTML…你用

HTML5的方式是什么意思？与你的要求无关。这仅仅是CSS。但是，如果你真的愿意以一种好的/正确的方式做事，就不要再为了布局的目的而使用表了。元素“div”不能嵌套在HTML5的p元素中是的，我的错，你可以使用任何其他元素，比如span来做清楚的事情：这两项工作这个例子对我都有效谢谢
#loginbox form table {
    margin: 0 auto;
}

td{text-align:center;}
form input{display:block;margin:auto;}

<form>
<p><label>Username :</label><input type=text /><span style="clear:both"></span></p>
<p><label>Password :</label><input type=password /><span style="clear:both"></span></p>

<input type=submit vale="login" />
</form>

form {margin:auto;}
form p{display:block;margin:3px 0;}
form input[type=text], form input[type=password]{float:left;width:150px;}