font awesome icon input group inside field
<p>I cannot get this icon to sit inside the field, I can only get it either above or below:</p>

<pre><code>&lt;div class="form-group"&gt;
            &lt;label for="inputFirstName"&gt;First Name&lt;/label&gt;
            &lt;div class="input-group"&gt;
              &lt;div class="input-group addon"&gt;
                &lt;i class="fa fa-user"&gt;
                &lt;/i&gt;
                &lt;input type="text" class="form-control" id="inputFirstName"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;

.form-group i{
  color: #ccc;
  float: right;
  margin-right: 6px;
  position: relative;
  z-index: 2;
}
</code></pre>

<p>I have tried reading nearly every post on here but I am getting quite frustrated.</p>