title: how to disable width: 100%; and box-sizing: border-box;
body: <p>I have submit button in wrapper div. I have global settings for all this situations where input is in wrapper like that.</p>
  
  <p>I want just for one to be in center of wrapper, but property <code>width:100%;</code> and <code>box-sizing: border-box;</code> is on full width so my <code>text-align: center;</code> property will not work. I want to disable full width to margin button to center of wrapper. </p>
  
  <h2>Question:</h2>
  
  <p>How to disable <code>width: 100%;</code> and <code>box-sizing: border-box;</code> with CSS?</p>
  
  <p><em>Therefore I can center input to center.</em></p>
  
  <h2>HTML:</h2>
  
  <pre><code>&lt;div class="wrapperInput"&gt;
      &lt;input type="submit" class="submit" value="Submit"&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <h2>CSS:</h2>
  
  <pre><code>#wrapper .wrapperInput input {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
       box-sizing: border-box;
  }
  </code></pre>