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

我想要两种形式并排，目前在这里显示一种形式：http://gyazo.com/093efe95337ace40fe633adb88b76c2d。我想在右侧使用与左侧相同的表格。

.comments-section .comment-form {
  padding: 20px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}

<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>

        <div class="left">
          Username:
        </div>
        <div class="right">
          <div class="row">
            <div class="col-xs-4">
              <input type="text" required>
            </div>
          </div>
        </div>
      </div>



      <div class="left">
        Email:
      </div>
      <div class="right">
        <div class="row">
          <div class="col-xs-4">
            <input type="email" required>
          </div>
        </div>
      </div>


      <div class="left">
        Password:
      </div>
      <div class="right">
        <div class="row">
          <div class="col-xs-4">
            <input type="password" required>
          </div>
        </div>
      </div>
  </div>
</div>

</form>

我将如何去做呢？

最佳答案

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

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

您将类添加到这两种形式

在你的CSS中添加

.sideBySideForm{
display: inline-block;
}

希望能对我的英语有所帮助并感到抱歉