HTML 킥 스타트에서 폭 col_4의 내용을 가운데에 배치하는 방법은 무엇입니까?

Question

나는 폼을 가지고 있으며, 너비가 col_4이고 센터에서 99lime.com의 HTML KickStart를 사용하고 싶다. 어떻게해야합니까? 현재 다음과 같습니다.

<div class="grid"> 
    <div class="col_12"> 
     <form class="vertical" action="#"> 
      <input size="5" id="text_email" type="email" name="email" placeholder="Email"><br> 
      <input size=50 id="text_alias" type="text" name="alias" placeholder="Alias"><br> 
      <input size=50 id="text_password" type="password" name="password" placeholder="Password"><br> 
      <button type="submit">Sign up</button> 
     </form> 
    </div> 
</div> 

Answer 1

HTML 킥 스타트는 CSS 플로트를 사용하여 격자를 만드는 것처럼 보입니다. 상자를 가운데에 배치하려면 그리드 시스템 외부로 나가야합니다.

아마도 div 컨테이너에 맞춤 클래스를 추가하십시오.

<div class="grid"> 
    <div class="col_4 central"> 
     <form... 

는 그런 다음 CSS,이 시도 :

.grid .central { 
    float: none; 
    margin-left: auto; 
    margin-right: auto; 
} 

(http://bluerobot.com/web/css/center1.html 참조) 부모의 내부 사업부를 중심합니다 margin-left & margin-rightauto에 설정. 그것은 col_4 클래스에서 너비를 선택해야합니다.