title: where does the space between a FontAwesome icon and an A tag comes from?
body: <p>Live page: <a href="http://xrsand.com/index.php?option=com_k2&amp;view=item&amp;layout=item&amp;id=92&amp;Itemid=305" rel="nofollow">http://xrsand.com/index.php?option=com_k2&amp;view=item&amp;layout=item&amp;id=92&amp;Itemid=305</a></p>
  
  <p>Every mosaic has two lines under the image, each line has a FA icon in the front of it. The first line is a link, while the 2nd is plain text. I am using <code>fa-fw</code> to keep the icon at same size and to align the texts. But there seems to be a white space between the icon and the <code>A</code> tags that comes from nowhere, in order to keep texts align, I have to manually add a space between the icon and the text for the 2nd line. For demonstration purpose, I omit this space for the 1st mosaic, you can see the texts are not aligned in it.
  I think I encounter this problem before, and that was without FA, I can recall it involves some mysterious space between <code>span</code>s, but I can't reproduce the scenario. So probably this has nothing to do with FA.</p>