链接之间的未知空间

Question

我有三个链接:

<a href="/about" class="f_link">&nbsp;&nbsp;&nbsp;About&nbsp;&nbsp;&nbsp;</a>
<a href="/Login" class="f_link">&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;</a>
<a href="/Create Account" class="f_link">&nbsp;&nbsp;&nbsp;Create Account&nbsp;&nbsp;&nbsp;</a>

我有一些CSS样式:

.f_link{
height:38px;
padding-top:12px;
margin:0px;
color:gray;
}
.f_link:hover{
color:black;
text-decoration:none;
}

如何在FF 3.6,IE 8和某些版本的Google Chrome中显示此html:

这就是我希望它在我的三个主要浏览器中显示的方式:

我使用了萤火虫,它说这些链接之间没有填充或边缘.那时那个空间是什么,我怎么能摆脱它呢？我愿意接受建议!

Answer 1

换行符/应该被视为HTML中的单个空格.您可以将标记更新为此(在结束标记之前换行,但在下一个A标记之前没有空格)

<a href="/about" class="f_link">&nbsp;&nbsp;&nbsp;About&nbsp;&nbsp;&nbsp;
</a><a href="/Login" class="f_link">&nbsp;&nbsp;&nbsp;Login&nbsp;&nbsp;&nbsp;
</a><a href="/Create Account" class="f_link">&nbsp;&nbsp;&nbsp;Create Account&nbsp;&nbsp;&nbsp;</a>