Html 如何将两个表单并排对齐？

我想两个表格并排，我目前有一个显示在这里：。我想要右边和左边一样的表格

.comments部分。评论表单{
填充：20px；
背景：#f8f8；
边框：1px实心#dddddd；
边界半径：3px；
}
.行{
左边距：-15px；
右边距：-15px；
}

在我们这里建立一个帐户
用户名：
电邮：
密码：

首先，您必须在第一个2 div之前关闭表单

然后，您可以在关闭第一个表单之后添加第二个表单

您将向这两个表单添加一个类

在css中添加

.sideBySideForm{
display: inline-block;
}

---

希望这对我的英语有帮助，也很抱歉：）

您是否尝试过这样放置输入框：

    <h3>Create an Account With Us</h3>

    <form class="comment-form">

        username:<input class="comment-form"  type='text' name='username' id='username'  maxlength="50" placeholder="Username" />

        email:<input class="comment-form"  type='text' name='email' id='email'  maxlength="50" placeholder="email" />

        password:<input class="comment-form"  type='text' name='password' id='password'  maxlength="50" placeholder="password" />
    </form>

在我们这里创建一个帐户
用户名：
电邮：
密码：

在我们这里建立一个帐户
用户名：
电邮：
密码：

演示。它是响应性的，所以当浏览器很小时，它会堆叠起来，否则它会像你想要的那样水平。

---

如果您不想让它堆积起来，那么最好使用

col-xs-6

而不是

col-md-6

将这个表单包装成一个div，并给它一个宽度，让它在css中向左浮动。然后将另一个表单放在它的左侧。您可以使用float:left规则来进行此操作。只需将两个表单放在一个div中，并给出两个相同的类，然后为该类添加float:left css规则。在前两个div之前关闭我的表单是什么意思？那么我要添加的两种形式？不用担心英语，没关系，我只是刚刚接触CSS。谢谢你的帮助我的意思是，在你的代码末尾你有：我认为你应该在那2个div之前关闭你的表单，因为你在那2个div之后打开表单。

<div class="tab-pane active" id="company-contact">
  <div class="company-profile company-contact">
    <h3>Create an Account With Us</h3>

    <form class="comment-form">


<div class="row">
  <div class="col-md-4">
      <div class="left">
          Username:
      </div>
            <input type="text" required/>
 </div>
  <div class="col-md-4">
      <div class="left">
        Email:
      </div>
      <input type="email" required/>
  </div>  

  <div class="col-md-4"> 
      <div class="left">
        Password:
      </div>
     <input type="password" required/>
   </div>
</div>
</form>
      </div>
    </div>