Problema com quebras de linhas

[Vinicius11]

Olá! Estou tendo um problema no site que estou criando, não conheço muito de HTML, então espero que possam me ajudar!

Na imagem anexada, é como está o meu site agora. Este seria o formulário de login, quero deixar os campos lado a lado e o botão para entrar também, mas o meu problema é que quando abaixo o primeiro campo, por exemplo, o segundo campo e o botão também abaixam, e não sobem mais, sendo assim impossível de deixar no mesmo nível!

Segue a parte do meu código que se refere a área de login:

 

<form class="form1" method="POST" action="confirmar_login.php">
                <input class="username" type="text" name="username" size="14">
                <input class="senha" type="password" name="senha" size="14">
                <input class="botao" type="submit" value="Entrar" name="login" size="2">
            </form>

 

 

input.username {
    margin-left: 850px;
    margin-top: 60px;
    font-family: Arial, Verdana;
    font-size: 16px;
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input.senha {
    margin-left: 990px;
    margin-top: 25px;
    font-family: Arial, Verdana;
    font-size: 16px;
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
}

div.botao {
    margin-top: -40px;
}

 

________________

Na div.botao, tentei colocar um margin de -40, porém não funciona, o botão nem se mexe :/
Espero que possam ajudar!

Grato ;)

 

[Vinicius11]

Já resolvi, adicionando algumas <div> antes de cada campo.