将标签和输入集中在页面中

Question

我曾尝试使用margin: 0 auto将输入框置于表格中心，但它确实有效。问题是，由于输入框现在是块级元素，因此输入框和标签未对齐。他们在另一个之上，就像换线一样。

所以，我想我可以将每个标签和输入框包装在div中，并且它们执行我之前做过的同样的事情：margin: 0 auto。不幸的是，输入和标签都不想现在居中。

CSS代码：

div.center{
	margin: 0 auto;
	display:block
}

如果你们能帮助我，那就太好了。如果有需要，我还可以提供完整的HTML代码和CSS代码。

Answer 1

＆＃13;

＆＃13;

div.center {
  display: inline-block;
  border: solid;
}
form {
  border: solid;
  text-align: center
}

＆＃13;

<form>
  <div class="center">Label</div>
  <input type="text">
</form>

＆＃13;

＆＃13;

＆＃13;

Answer 2

如果div中有两个输入，则可以添加以下代码：

    .container {
        width: 50vw;
        display: flex;
        justify-content: space-between;
    }

如果您能提供完整的代码，我可以为您自定义。