title: padding the text of a HTML input field
body: <p>I have a HTML input field.</p>
  
  <p>If I do</p>
  
  <blockquote>
    <p>padding-left: 10px</p>
  </blockquote>
  
  <p>, it will move the text of the input field to the left BUT, the right side of the input field (or right side of the box) disappears - (please see the attachment).</p>
  
  <p>What CSS setting can I use to fix this?</p>
  
  <p>TIA<a href="https://i.stack.imgur.com/4DV4I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4DV4I.png" alt="enter image description here"></a></p>