How to move the input box

Question

I would like to just move the box (the box itself) from the input to the right of my div.

    <div id='mainBox'>
Distancia departure/arrival <input class='inputs'>
<p></p>
Distancia arrival/alternate <input class='inputs'>
<p></p>
Velocidade de cruzeiro <input class='inputs'>
<p></p>
Consumo da aeronave em litros <input class='inputs'>

</div>

I’ve tried everything I can through margin and padding, but the inputs are all cluttered :/

Answer 1

A possible solution:

• Give display labels: inline-block
• Give them a fixed width
• Align text to the right

label {
  display: inline-block;
  width: 140px;
  text-align: right;
}​

<div class="block">
    <label>Primeira Label</label>
    <input type="text" />
</div>
<div class="block">
    <label>Segunda Label</label>
    <input type="text" />
</div>
<div class="block">
    <label>Terceira Label</label>
    <input type="text" />
</div>

Answer 2

What I understand is that you want to move the input to the right, if this is it, the following section will solve:

#mainBox input{
 float:right;
}

Guys the answer is correct, they gave down vote unnecessary here.