højrestil i et <h3>

Jeg har en header som ser således ud. Hvordan får jeg knapperne til at være højrestillet?

<h3 class="mainheader"><a href="#" onClick="return false">&nbsp;-&nbsp;13 </a>
               
                   
                    <form name="form1" id="form1" action="/nationentv/sogning/" method="post" style="display:inline;">
                        <input type="hidden" name="a" value="a" />
                        <input type="hidden" name="b" value="b" />       
                    </form>
                    <a href="#" onclick="document.getElementById('form1').submit();" onMouseover="this.style.background='#555555'" onMouseout="this.style.background='#eeeeee'">1</a>
                   
                    <form name="form2" id="form1" action="/nationentv/sogning/" method="post" style="display:inline;">
                        <input type="hidden" name="a" value="a" />
                        <input type="hidden" name="b" value="b" />       
                    </form>
                    <a href="#" onclick="document.getElementById('form2').submit();" onMouseover="this.style.background='#555555'" onMouseout="this.style.background='#eeeeee'">1</a>
                   
                    <form name="form1" id="form3" action="/nationentv/sogning/" method="post" style="display:inline;">
                        <input type="hidden" name="a" value="a" />
                        <input type="hidden" name="b" value="b" />       
                    </form>
                    <a href="#" onclick="document.getElementById('form3').submit();" onMouseover="this.style.background='#555555'" onMouseout="this.style.background='#eeeeee'">1</a>
</h3>