这是html中关于空格的问题？

<h2><span class="glyphicon glyphicon-send"></span>&nbsp;联系我们</h2>

<h2><span class="glyphicon glyphicon-send"></span>
&nbsp;联系我们</h2>

<h2><span class="glyphicon glyphicon-send"></span>
&nbsp;
联系我们</h2>

上边三种写法图标和文字的距离为什么都不一样？和inline-block的图标和换行有关系吗？
如果我换5行

<h2><span class="glyphicon glyphicon-send"></span>
&nbsp;联系我们</h2>
<h2><span class="glyphicon glyphicon-send"></span>

&nbsp;联系我们</h2>

上边两种效果是一样的，为什么呢？

<h2><span class="glyphicon glyphicon-send"></span> &nbsp; 联系我们</h2>

nasp和实际打出来的空格效果是一样的为什么还要用nbsp呢？

<h2><span class="glyphicon glyphicon-send"></span> &nbsp;联系我们</h2>
<h2><span class="glyphicon glyphicon-send"></span>      &nbsp;联系我们</h2>

像这种1个空格1个nbsp和5个空格1个nbsp的效果也一样是为什么？