Html 水平显示跨距文本和输入

我希望这两个元素以内联方式显示

代码如下：

<span class="login">Login <i class="icon-user"></i></span>

<form action="#" class="search">
    <input type="search" class="search-input"/>
</form>

登录

---

谢谢。

请在表单中填入空格

<form action="#" class="search">
   <span class="login">Login <i class="icon-user"></i></span>
   <input type="search" class="search-input"/>
</form>

登录

---

您需要添加

float:left到登录类：

.login{
   float: left;
}

以下是您可以用几种方法解决的问题。其中之一是

.login, form.search{
    display:inline
}