distanziare i miei link

[goxpix]

Salve a tutti, io ho una porzione di CSS cosi' composto:

.navigation a { text-decoration: none; padding: 3px 7px; margin: 0 5px; background: #F3E7D4; border: 1px solid #EBB45F; color: #B77C21;}
.navigation a:hover {text-decoration: none; background: #F8E0BA; border-color: #D9A658; color: #B77C21;}

e una pagina HTML cosi' composta:

<div class="navigation">
...
1
2
4
....
</div>

Se faccio cosi' ottengo quello che si vede in immagina allegata. La mia domanda é come faccio per distaccare i vari link inquadrati?

grazie a tutti