title: How to solve buggy line-height on input fields?
body: <p>How do you give an input field, with fixed height, a cross-browser vertical alignment of the text it holds?</p>
  <p>As of now, it seems <code>line-height</code> is my best option. However, on a webkit browser like Chrome or Safari, the cursor jumps to a top-alignment when copy/pasting.</p>
  <p>I've noticed Wordpress seems to have a solution for this, with their <a href="http://wordpress.org/wp-login/" rel="nofollow noreferrer">wp-login form</a>.</p>
  <p>Does anybody know how Wordpress manages to do this?</p>
  <p>CSS</p>
  <pre><code>input {
      width: 240px;
      height: 32px;
      line-height: 32px;
      font-size: 18px;
  }
  </code></pre>