CSS: Two inputs side by side

Question

How can I make this:

Look like this:

I.e have the two fields and the sign in buttons side by side? Thanks

Answer 1

Give both fields a different class and assign to the most left one float:left;

HTML:

<input type="text" class="field1"/>
<input type="text" class="field2"/>

CSS:

.field1 {
   float:left;
}