zwei Elemente (Links) auf einer Zeile horizontal gleich platzieren

[bari]

Guten Tag,

ich möchte einen Link für "nach oben" bei mir "top" in einer Linie wie ein links daneben stehender Text (in diesem Fall ebenfalls ein Link) platzieren. Das gelingt mir aber nicht. Der top-Link steht tiefer. Er sollte nicht nur rechtsbündig (was ich hingekriegt habe) sondern auch mittig des ihn umgebenden roten Rahmens stehen. Doch er steht zu tief. Hat jemand das Adlerauge, zu sehen wo ich das falsch geschrieben habe, resp. wo ich was anders definieren muss?

Hier unten auf der Seite ist die rot umrandete Zeile mit dem top-Link rechts.

Und hier der Code für den Link auf der gleichen Zeile mittig, der i.O. ist

.link-unten { 
 margin: 50px 0 10px;
 padding: 5px;
 font: normal .9em helvetica,arial,sans-serif;
 text-align: center; 
 letter-spacing: .2em; 
 border-radius: 3px;
 border: 1px solid red; 
 } 
.link-unten a:link,.link-unten a:visited  {
 text-decoration: none; 
 padding: .1em .3em; 
 color: yellow; 
 } 
.link-unten a:focus,.link-unten a:hover  { 
 background-color: skyblue; 
 color: red;
 } 

Und hier der Code für den "top"-Link, der nicht richtig mittig zu stehen kommt:

a[href="#"]:link, a[href="#"]:visited , a[href="#"]:focus, a[href="#"]:hover {
 float: right;
 padding: 3px 0px 3px 5px;
 letter-spacing: .2em;
 text-decoration: none;
 color: yellow;
 }
a[href="#"]:focus, a[href="#"]:hover {
 border: 1px solid red;
 border-radius: 3px;
 color: red; 
 } 

Besten Dank im Voraus,
bari.