alinhar botões

[ricardocomp]

Olá pessoal,

eu sou novo por aqui no forum,

estou precisando de uma ajuda

não estou conseguindo alinhar

dois botoões:

<div class="formularios">
<p>&nbsp;</p>
                    <form class="botao" name="form1" method="post" action="">
                        <input type="submit" name="botao" id="botao" value="Voltar" />
                    </form>
                    <p>&nbsp;</p>
                    <form class="botao" name="form1" method="post" action="">
                        <input type="submit" name="botao" id="botao" value="Avançar" />
                    </form>
</div>

No meu arquivo CSS eu tenho:

.botao{
    float: left;
}

eles estão na mesma linha mas tem um alinhado para cima e outro alinhado para baixo, será que pode me dar uma ajuda? []'s. Olá pessoal eu fiz desse jeito: o que você's acham gostaria de uma opinião. deu certo mas não sei se é correto fazer dessa maneira: tirei a classe .botao e coloquei um <li> fora de um <ul> está correto?

<li><input type="submit" value="Voltar">&nbsp &nbsp <input type="submit" value="Avancar"></li>

[]'s.

[William Bruno]

Oque te atrapalhou foi esse:

<p>&nbsp;</p>

vazio ali no meio dos formularios.

Desculpa, mas não faz sentido 2 forms, para 2 submits.. com essa intenção.

Não seria melhor fazer um unico form, e tratando com Javascript, 2 botões button, avançar e voltar 'seja lá oque for' ?