在页面中将标签和输入居中答案

【问题标题】：Center both the label and input in a page在页面中将标签和输入居中
【发布时间】：2016-10-16 03:44:48
【问题描述】：

我曾尝试使用margin: 0 auto 使输入框居中，并且成功了。问题是，由于输入框现在是块级元素，输入框和标签没有对齐。他们在另一个之上，就像一个换行符。

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

CSS 代码：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

如果你能提供你的完整代码，我可以为你定制。

【讨论】：