title: Chrome padding bug
body: <h1>Context</h1>
  <p>I have this:</p>
  <pre><code>&lt;input type=&quot;text&quot; placeholder=&quot;Un employé, un standard ou un numéro...&quot; /&gt;
  </code></pre>
  <p>With CSS property: <code>padding: 4px</code>.</p>
  <p>The rendering:</p>
  <p><img src="https://i.stack.imgur.com/sUnnu.png" alt="enter image description here" /></p>
  <p>For info, I use Bootstrap for the CSS.</p>
  <h1>Investigation</h1>
  <p>On the screen, Chrome just do <code>padding-left: 4px</code> instead of <code>padding: 4px</code>.</p>
  <p>I tried <code>padding: 4px 4px 4px 4px</code> and <code>padding-top: 4px; padding-right: 4px; etc</code>.</p>
  <p>Same issue.</p>
  <p>Strange thing, I tried <code>padding-top: 4px</code> alone and it works. Same thing with any <code>padding-xxx</code>.</p>
  <p>Finally I tried <code>padding: 4px</code> on a <code>input</code> out my page and it works.</p>
  <h1>Question</h1>
  <p>What is the problem?</p>