Неизвестный пробел между ссылками

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;
}

Как этот HTML отображается в FF 3.6, IE 8 и некоторых версияхGoogle Chrome:

И вот как я хотел бы, чтобы это отображалось в моих трех основных браузерах:

Я использовал Firebug, и он сказал, что нет отступов или полеймежду этими ссылками.Что это за место, и как я могу от него избавиться?Я открыт для предложений!

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>

Answer 2

Добавьте float: left; в ваше объявление .f_link, которое удалит пробелы.

http://jsfiddle.net/wMwEQ/

Кроме того, использование   для пробелов - это baaaad, хотя здесь это не проблема.

Answer 3

Возможно, вы захотите немного изменить свой макет, чтобы получить результаты, которые вы ищете ... плюс это:

   About   

Действительно не нужно.делай что хочешь.

Answer 4

Одним из решений этой проблемы также является включение всех ссылок в div и установка div'а font-size:0;, а затем установка размера шрифта для ссылок по вашему желанию.

Вы можете проверить скрипку ниже для получения дополнительной информации

скрипка

Answer 5

Пробел - это пробел между закрывающим тегом </a> и следующим открывающим тегом <a>.Уберите это место в вашей разметке, и вы получите желаемый эффект.