Buonasera. In questo sito http://f1story.it/ potete vedere nella sidebar a destra il riquadro "div" che contiene due link "Italiano" e "English".

I due link sono ottenuti tramite il seguente codice


<style type="text/css">
a[href*="it.f1story.it"]{padding-right: 20px; background: url(http://f1story.it/wp-content/plugins...s/flags/it.png) no-repeat center right}
a[href*="en.f1story.it"]{padding-right: 20px; background: url(http://f1story.it/wp-content/plugins...s/flags/en.png) no-repeat center right}
</style>


Mentre il div è il seguente

#translate { background:#ffffff; width:288px; margin:0px 0px 15px 0px; padding:8px 5px; border:1px solid #2266BB; border-bottom:1px solid #2266BB; font-size:100%; }

Vorrei centrare entrambe i link nel div, lasciandoli l'uno affianco all'altro, sulla stessa riga. Ho provato inserendo display: block; text-align: center; negli attributi dei link, ma cosi facendo innanzitutto i due link vanno su due righe giustamente, e le bandierine si distaccano dal link stesso, mentre vorrei che restassero vicino al loro link.

Come posso fare? Grazie mille.