如何将表格置于流畅的布局中？

Question

如果我有一个基于％的宽度的div。在这个div中，我得到1行2个表单，1行1表单。如何将div中的表格居中（两行）？

示例代码

HTML：

<div class="container">
    <input />
    <input />
    <br />
    <input />
</div>

CSS：

.container {
    width:70%;
    background:red;
}

Jsfiddle：http://jsfiddle.net/nc4L4bc5/

Answer 1

将text-align: center添加到.container。在扩张和收缩期间保持中心。

＆＃13;

＆＃13;

.container {
  width: 70%;
  background: red;
  text-align: center;
}

＆＃13;

<div class="container">
  <input />
  <input />
  <br />
  <input />
</div>

＆＃13;

＆＃13;

＆＃13;