title: add space between elements in placeholder
body: <p>i'm trying to make an input like this where i should put the icon on the right and the text on the left :</p>
  
  <p><a href="https://i.stack.imgur.com/4TH69.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4TH69.png" alt="enter image description here"></a></p>
  
  <p>i already try this but i think it's not a good idea: </p>
  
  <pre><code> &lt;div class="form-group"&gt;
    &lt;input type="email" class="form-control" id="FirstName" aria-describedby="emailHelp" placeholder="FirstName &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;#xf2c0;"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>any ideas ?</p>