title: Include font awesome inside input type text
body: <p>I´m trying to include a Font Awesome inside my input in left side but I´m not having sucess. I never used awesome fonts to this purporse. Anyone there knows how to include the font inside the input? Thanks!</p>
  
  <p><strong>The font Im trying to include in left side of my input:</strong></p>
  
  <pre><code>  &lt;i class="fa fa-user"&gt;&lt;/i&gt; 
  </code></pre>
  
  <p><strong>My html:</strong></p>
  
  <pre><code>&lt;form action="" method="post"&gt;
         &lt;input type="text"class="inputs" placeholder="e-mail" /&gt; 
         &lt;br /&gt;
         &lt;input type="password" class="inputs"placeholder="Password"  /&gt;
  
  &lt;/form&gt; 
  </code></pre>
  
  <p><strong>My css:</strong></p>
  
  <pre><code> inputs:-webkit-input-placeholder { 
          color:    #b5b5b5; 
      } 
  
      inputs-moz-placeholder { 
          color:    #b5b5b5; 
      } 
  
       .inputs  { 
          background: #f5f5f5; 
          font-family:"bariol_regularregular", Palatino, serif;
          -moz-border-radius: 3px; 
          -webkit-border-radius: 3px; 
          border-radius: 3px; 
          border: none; 
          padding: 13px 10px; 
          width:180px; 
          margin-bottom: 10px; 
          box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 ); 
          height:20px;
      } 
  
      .inputs:focus { 
          background: #fff; 
          box-shadow: 0px 0px 0px 2px #96842E; 
          outline: none;    
      } 
  </code></pre>