Html 发布后，对象放置的显示方式不同

我已经创建了一个网站，在VisualStudio中使用“在浏览器中查看”功能对其进行了调试，并决定将其部署到我们的测试服务器上。当我从Visual Studio调试程序时，联系人页面的元素如下所示：

当我转到服务器上的网站地址时，它显示如下：

星号是一个标志符号图标，它来自引导工具，当我打开它时，它已经出现在网站的解决方案中（这个解决方案是别人做的）。该站点此部分的代码如下所示：

我试图找到有关为什么显示不正确的信息，但无法找到。在对服务器一无所知的情况下，您建议我检查或更改什么来解决此问题

---

编辑：我认为值得一提的是，我已经尝试了Chrome和IE，并且在每种浏览器上都得到了相同的结果。尝试在兼容模式下运行页面时，会同时隐藏字形图标星形。

我认为问题最终与浏览器相关。我使用的IE版本比我们服务器上的版本更新，因此我的元素显示方式不同，因为我以前所做的事情不受旧版本的支持

---

我纠正了这个问题，将

span

字形图标元素嵌套在适当的标题标记中，并使用

margin left:

style属性将它们正确隔开。

您能用JSFIDLE重现这个问题吗？我以前从未使用过JSFIDLE。我会设法让它在那里运行。