[分享]css两个输入框并排

当我们需要在页面上将两个输入框并排一起时，可以使用CSS实现。

.container {
  display: flex;
}

.input-box {
  width: 50%;
}

.input-box:first-child {
  margin-right: 10px;
} 

首先，我们需要创建一个包含这两个输入框的容器，并将其设置为flex布局。

然后，我们需要为这两个输入框添加样式，将它们的宽度设置为50%。

最后，我们需要为第一个输入框添加一个右外边距，以保持它与第二个输入框之间的间距。

使用上述代码段，我们可以简便地实现两个输入框并排。