Text neben Überschrift rechtsbündig

[phenom]

Hallo!


Ich habe eine Frage zur Gestaltung mit HTML/CSS. Die Homepage ist schon nahezu fertig und es fehlt nur noch eine Kleinigkeit.
Ich möchte neben den Überschriften einen "Back to top"-Link erstellen. Dieser soll in derselben Zeile wie die Überschrift stehen, allerdings rechtsbündig.


Hier ein Code-Ausschnitt:


HTML:

<h2>&Uuml;berschrift<a class="backtotop" href="#">Zum Seitenanfang &uarr;</a></h2>

CSS:

a.backtotop {
   margin-left: 20em;
   font-size: 0.5em;
}

Sollte so aussehen:

|   Überschrift                   Zum Seitenanfang   |
|                                                    |
|                                                    |
|   Überschrift 2                 Zum Seitenanfang   |
|                                                    |


Sieht aber so aus:

|   Überschrift                   Zum Seitenanfang   |
|                                                    |
|                                                    |
|   Überschrift 2                    Zum Seitenanfang|
|                                                    |

So bekomme ich das allerdings nicht regelmäßig hin, da verschiedene Überschrifts-Längen sich auch verschieden auf das "margin-left" auswirken.
Mit einem zusätzlichen div oder so bekomme ich den Text allerdings nicht in dieselbe Zeile.
Hat jemand hierzu Lösungsvorschläge?

Vielen Dank im Voraus,

phn

 

[scbawik]

float:right ?

 

[Cheffchen]

Hallo hier,

einfach so, das margin raus

float: right;    
font-size: 0.5em;

Cheffchen

ps: bei css sachen ist es immer besser ein link zu zeigen, bei dem einfachen gings auch mal ohne, das hilft den helfern :O)

 

[phenom]

Vielen Dank!

Oft übersieht man das offensichtliche

Link war leider nicht möglich, da das ganze derweil nur auf einem lokalen Server gespeichert ist.