CSS: два входа рядом

Question

Как я могу сделать это:

Выглядит так:

Т.е. у вас есть два поля и кнопки входа рядом? Спасибо

Answer 1

Дайте обоим полям другой класс и присвойте самый левый float:left;

HTML:

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

CSS:

.field1 {
   float:left;
}

Answer 2

Я полагаю, это больше, чем вам нужно: http://jsfiddle.net/mrchris2013/NtVuq/12/

HTML:

<label>Username</label>
<label>Password</label>

<input type="text" />
<input type="text" />

<input type="button" value="Login" />

CSS:

label, input[type=text] {
    width: 150px;
    float: left;
}

label + input[type=text] {
    clear: left;
}

input[type=button] {
    float: left;
}