title: How to add padding to input field text [CSS]
body: <p>I have a quick question, I know that I can edit a placeholder text for an input field using CSS. But I was wondering how I can add padding to the actual text (the text that the user types in). I have provided an image below, I have added padding to the placeholder text but am struggling to add padding to the actual text for the input field so that it is aligned with the placeholder text.</p>
  
  <p>Here is what I have tried:</p>
  
  <pre><code>.form TextInput {
    padding-left: 10px;
  }
  </code></pre>
  
  <p>This obviously isn't working and I was just wondering if anyone else has a solution?</p>
  
  <p><a href="https://i.stack.imgur.com/5JabR.png" rel="nofollow noreferrer">Image link</a></p>
  
  <p><strong>Edit:</strong> I am not trying to move the input field itself, just the text inside. Just like I did with the placeholder, but only this time I want to move the text to match the position of the placeholder.</p>
  
  <p><a href="https://i.stack.imgur.com/USR7J.png" rel="nofollow noreferrer">Link 2</a></p>