이 양식 단추 블록을 가운데에 배치하려면 어떻게합니까?

Question

이 양식 밴드 버튼을 가로로 정렬하고 전체적으로 페이지의 가로 가운데에 배치하겠습니다.

내 CSS를 어떻게 설정합니까? 이 같은

<form action="signup.php" method="post"> 
     <fieldset> 
      <label>Email: <label> 
      <input type="text" name="email" id="email" placeholder='email address' /> 
      <input type="submit" value="Sign Up" class= "button" /> 
      </fieldset> 
      </form> 

Answer 1

방법이 많이 태클을. 여기에 하나의 해결책이 있습니다. 그러나 인라인 스타일을 사용하지 않는 것이 좋지만 여기 CSS로 양식을 작성하는 것이 좋습니다.

<form action="signup.php" method="post" style="margin: 0 auto; width: 350px;"> 
    <fieldset> 
    <label>Email: <label> 
    <input type="text" name="email" id="email" placeholder='email address' /> 
    <input type="submit" value="Sign Up" class= "button" /> 
    </fieldset> 
</form> 

Answer 2

뭔가 :

<div style="width: 300px; margin-left: auto; margin-right:auto;"> 
    <form action="signup.php" method="post"> 
     <fieldset> 
      <label>Email: <label> 
      <input type="text" name="email" id="email" placeholder='email address' /> 
      <input type="submit" value="Sign Up" class= "button" /> 
      </fieldset> 
     </form> 
</div> 

Answer 3

전 사업부에 입력을 포장하고 디스플레이 사업부 설정합니다 : 당신의 CSS에서 인라인. 귀하의 CSS도 귀하의 양식을 타겟팅하고 여백 : 자동 설정