너비를 낮추면 양식을 센터링 할 수 있습니까?

Question

완전히 이상하고 중심에 맞춰서 고칠 수 없었습니다 ... 마침내 나는 다른 너비로 놀았고 % 감소가 중심에 도달하도록 결론을 냈습니다 ....하지만 거꾸로 보입니다. .. 왜 누군가가 단지이 일을하는 이유를 설명 할 수 있습니다 ... 나는 그것이 작동하도록한다는 것을 의미하지만, 단지 그 성질이나 무엇인가가 있다면 내 뇌에서 그 기술을 태우고 싶지는 않습니다 .... 설명해주세요.

HTML 코드 여기

<form action="mailto:info@saucysbulldogs.com" method="post"> 
      <input type="text" id="fName" maxlength="20" size="30" placeholder="First Name" required="required" autocomplete="on"><br /> 
      <input type="text" id="lName" maxlength="20" size="30" placeholder="Last Name" required="required" autocomplete="on"><br /> 
      <input type="email" id="email" maxlength="30" size="30" placeholder="Email" required="required" autocomplete="on"><br /> 
      <textarea name="message" rows="5" cols="30" maxlength="100" wrap="hard" placeholder="Message..." required="required" /></textarea></p> 
      <input type="submit" name="submit" value="Submit" /> 
      <input type="reset" name="clear" value="Clear" /> 
      </form> 
</body>  
</html> 

양식에 대한 CSS 코드입니다 .... 내가 100 %를 시도하고 작동하지 않았다 ... 그리고 마침내 그 중심을하기 위해 25 % 내려했다. ... www.saucysbulldogs.com에서 확인할 수 있습니다.

%의 폭 요소를 중심으로 수 없습니다

form { 
padding:10px; 
width:25%; 
margin-left:auto; 
margin-right:auto; 
}  

감사

Answer 1

은 꽤 명확해야한다. 퍼센트를 낮게 유지하고 여백을 0으로 설정하면 자동으로 중앙에 배치됩니다.

하지만 25 %까지 낮출 필요는 없습니다.

내가 당신의 URL을 보면 아무런 문제가 없습니다. 귀하의 양식은 너비가 85 %이며 부모 컨테이너의 중앙에 위치합니다.