如何在html中并排设置两个字段集？

我如何将两个字段集并排设置以获得类似的结果？

这就是我到目前为止所做的：

---

您可以使用Bootsrap的网格系统

请查看演示

 <main class="container">
    <form>
      <ul class="row">
        <li class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <fieldset>
            <label class="label">Firstname</label>
            <input type="text" value="Firstname" class="form-input form-control" />
          </fieldset>
           <fieldset>
            <label class="label">Lastname</label>
            <input type="text" value="Lastname" class="form-input form-control" />
          </fieldset>         
        </li>
        <li class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
           <fieldset>
            <label class="label">Username</label>
            <input type="text" value="Username" class="form-input form-control" />
          </fieldset>
           <fieldset>
            <label class="label">Password</label>
            <input type="password" value="Password" class="form-input form-control" />
          </fieldset>          
        </li>
      </ul>      
    </form>
  </main>

名字
姓氏


用户名
密码

您可以将代码放入代码笔、代码层或JSFIDLE中吗？您更有可能通过这种方式获得帮助。@cwanjt否。仅在这些网站上发布您的标记只会解决一个问题，如果这个问题没有解决，则可能会出现这种情况。因此，您需要尝试自己编写代码。之后，如果你有问题，你可以张贴你已经尝试了一个明确的解释什么是不工作，并提供一个解决方案。