font awesome not working inside a tag
<p>I have this simple code. The font awesome is not working on it.</p>

<pre><code>&lt;a data-bind="click: someAction, attr: {id: 'sample-'+ $index(), href: 'sample-'+ $index()}, text: name" class="list-group-item" data-toggle="collapse"&gt;
                    &lt;span style="float: right"&gt;&lt;i class="fa fa-plus"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/a&gt;
</code></pre>

<p>I have the correct version of <code>font-awesome</code> installed. If I write the <code>span</code> tag outside of <code>a</code> tag, I can see the <code>plus</code> sign but I want the text and icon to be on the same line.</p>