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

[ricman]

Quel css e quell'html NON possono restituire quella foto...

[goxpix]

Lo so, ma io ho messo una porzione di CSS, non tutto il CSS è lunghissimo il mio CSS. Cmq ho risolto grazie.