Html 如何使用CSS对齐两个输入

这是我的代码：

---

只需将输入标记放入表单中即可

---

您只需将表单显示为内联

表单{
显示：内联；
}

---

我对您的代码做了一些修改，请检查它是否对您有帮助

.form容器{
文本对齐：居中；
}

---

您可以通过将内容包装在div容器中来实现这一点，为内容和表单设置宽度，并使用如下flex box：

<div class="inputs">
  <input type="text">
    <form action="">
      <input type="text">
    </form>
</div>

---

只需将第一个输入移动到表单标记内

添加

浮动：左input

在

表单内，另一个在表单外？这似乎是在使用引导；它不会处理这样的事情吗？你做错了。输入#文本应该在代码内出于某些原因，我需要在外部输入，因为我应该在内部添加一个输入，并且两者看起来应该相同（btn链接）。如果将一个输入放在表单外部，则表单不提交数据
.inputs {
  width: 100%;
  display: flex;
}

.inputs form {
  width: 400px;
}