html - 水平显示跨度文本和输入

Question

我希望这两个元素内联显示。

这是代码：

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

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

谢谢。

score 1 · Accepted Answer

将跨度放在表单内

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

score 1 · Accepted Answer

1

您需要添加float:left;到登录类：

.login{
   float: left;
}

于 2013-05-31T15:22:21.503 回答

score 1 · Accepted Answer

您可以通过几种方式解决它。其中之一是

.login, form.search{
    display:inline
}

3 回答 3