Checkbox an den rechten Rand setzen

[PatrickG]

Ich habe folgenden Code:

<h4>
<a href="javascript:animatedcollapse.toggle('pk1');" onclick="this.blur();">Test</a><input type="checkbox" name="name" value="test" checked="checked">
</h4>
<div id="pk1" class="box pinfo">
<p>
Text steht hier.
</p>
</div>

Er funktioniert auch einwandfrei, nur möchte ich da dies nicht der einzige Punkt in dem ganzen ist und die Texte davor unterschiedlicher Länge sind die Checkbox an den rechten Rand schieben.
Wie kann ich das realisieren?
Ich hab es schon mit

<input style=" align:right" type="checkbox" name="name" value="test" checked="checked">

probiert aber das funktioniert nicht.


EDIT:

Ich habs nun hinbekommen auch wenn ich das nicht sehr elegant finde.
Ich habe einfach meine checkboxdefinition von einem <p style="align:right"> umschlossen.
Sieht dann so aus.

<p align="right"><input type="checkbox" name="name" value="test" checked="checked"></p>

Für eleganteres bin ich gerne zu haben.

EDIT2:

Mir ist aufgefallen, dass die Checkbox nicht auf der gleichen Höhe sitzt wie die zugehörige Überschrift....
weiß jemand wie cih das hinbekomme ohne eine Tabelle?