두 필드 집합을 html로 나란히 설정하는 방법은 무엇입니까?

Question

어떻게 이런 식으로 두 필드 집합을 나란히 설정합니까? Fieldset reaches end of page

Answer 1

당신은 Bootsrap의 그리드 시스템을 사용할 수 있습니다 : What I am going for

이것은 내가 지금까지있는 것입니다.

데모는 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>