html - これらのリンクにマージンがあるのはなぜですか？CSS

Question

これがJSFiddleです：http： //jsfiddle.net/bozdoz/k2enx/

マージン#topLinks aは0に設定されているので、リンク間にスペースがある理由がわかりません。余白が見えるように背景を赤に設定しました。

アンカー要素間の青い縦線を削除したいと思います。私は以前にこれを行ったことがありますが、何らかの理由でこの状況でそれを機能させることができないようです。助言がありますか？

Answer 1

それはマージンではなく、そのスペースです。リンクはインライン要素であるため、リンク間の空白は単一のスペースに変換されます。リンク間から改行を削除します。

<a href="#">Home</a><a href="#">Profession</a><a href="#">about</a>