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;
}