CSS unwanted spacing between anchor-tag elements

html css anchor margin

luca · Aug 1, 2011 · Viewed 32.8k times · Source

I have this stylesheet:

*{
    padding: 0px;
    margin: 0px;
}

a{

  background:yellow;

}

and this webpage:

<a href="/blog/">Home</a>
<a href="/about/">About</a>
<a href="/contact/">Contact</a>

Results in:

enter image description here

How do I make those anchor tag to "touch" each other,removing that unwanted space in-between?

thanks Luca

Answer

You need to remove the whitespace (in this case the newline) between your tags. Some browsers render it as a space.