htmlで2つのフィールドセットを並べて設定するには？

Question

このような情報を得るために、2つのフィールドセットを並べて設定するにはどうすればよいですか？ What I am going for

これは私がこれまで持っているものです。 Fieldset reaches end of page

Answer 1

あなたがBootsrapのグリッド・システムを使用することができます。

デモ用にthisを確認してください。

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