Question

I’ve noticed that if I have two links :

<a href="#">Text</a>
<a href="#">Text</a>

They are not joined in the browser, looks like there is a space between them.

But if I wrote them in one line :

<a href="#">Text</a><a href="#">Text</a>

there is no space. Is there a way to delete that space? Or I need to write all links (or better, all inline elements) in one line?

Answer 1

You can use word-spacing write like this:

a
{
    display:inline;
    background-color:red;
    word-spacing:1em
}
body{word-spacing:-1em}

Check this http://jsfiddle.net/eAteH/2/

There other way also like font-size:0 check this Strange margin on `display:inline-block`-elements