これらのリンクに余白があるのはなぜですか? CSS

Here's the JSFiddle: http://jsfiddle.net/bozdoz/k2enx/

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

enter image description here

私はアンカー要素の間の青の垂直線を削除したいと思います。私は以前これをしていましたが、何らかの理由でこの状況で動かすことができないようです。助言がありますか?

1
追加された
ビュー: 1

1 答え

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

HomeProfessionabout
3
追加された
すべてのインライン要素が影響を受けます。書式を削除すると、明らかになります(ページに "HomeProfessionabout"が表示されないようにする)。
追加された 著者 JJJ,
いいえ、私はあなたが改行を持っていないと結びついていないことを意味します。空白はそれらの間にスペースを追加します。
追加された 著者 JJJ,
ワオ。私はそれが簡単な修正でなければならないことを知っていた。私は、新しい行が文書に影響することを認識していませんでした。これが影響するのはアンカータグだけですか?
追加された 著者 bozdoz,
私はそれがそれを明らかにしているかどうかはわかりません。それらがフォーマットなしで一緒にブレンドされているという事実は、私が新しいラインが重要ではないと考えるようになります。新しい行はいつそれに影響しますか?パディングを追加するとどうなりますか?
追加された 著者 bozdoz,
ああはい、私はそれを参照してください。ミックスアップして申し訳ありません。新しい行がHTMLに影響を与えたことは決して知りませんでした。新しいことを学びました。ありがとう! :)
追加された 著者 bozdoz,