CSS:两个并排输入

CSS:两个并排输入,css,input,Css,Input,我怎样才能做到这一点: 像这样: 也就是说,两个字段和登录按钮是否并排?谢谢为这两个字段指定一个不同的类,并将其分配给最左边的一个float:left HTML: <input type="text" class="field1"/> <input type="text" class="field2"/> 我认为这更符合您的需要: HTML: 你能提供你的html代码吗? .field1 { float:left; } <label>Usern

我怎样才能做到这一点:

像这样:


也就是说,两个字段和登录按钮是否并排?谢谢

为这两个字段指定一个不同的类,并将其分配给最左边的一个
float:left

HTML:

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

我认为这更符合您的需要:

HTML:


你能提供你的html代码吗?
.field1 {
   float:left;
}
<label>Username</label>
<label>Password</label>

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

<input type="button" value="Login" />
label, input[type=text] {
    width: 150px;
    float: left;
}

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

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