Подреждане на елементи CSS

[d0oMch0]

                <a href="#" class="links_footer">Contacts</a>
                <a href="#" class="links_footer">Books |</a>
                <a href="#" class="links_footer">FAQ |</a>
                <a href="#" class="links_footer">Prices |</a>
                <a href="#" class="links_footer">Gallery |</a>
                <a href="#" class="links_footer">Checklist |</a>
                <a href="#" class="links_footer">Testimonials |</a>
                <a href="#" class="links_footer">Home |</a>

[css]
.links_footer
{
float: right;
text-decoration: none;
color: gray;
margin-right: 10px;
position: relative;
left: 0px; top: -22px;
}
[/css]

Това ми е кода , та въпроса ми е ако някой даде идея как да направя разстоянията между тези елементи симетрични , че нещо не се получава пък на мен вече ми дотегна...
Крайния резултат трябва да е нещо такова Home | Books | ... т.н.
Благодаря предварително !

 

[IvanAdamov]

Вкарай това меню в ul li, и не се мъчи.

иначе пробвай да смениш margin-right:10px; с margin:0px 10px;

 

[shterev]

<a href="#" class="links_footer">Books | </a>

Ей така не ти ли върши работа