CSS浮动垂直错位

Question

在尝试浮动我的菜单并向右搜索时，最近让我烦恼的是，当指定浮动时，垂直对齐会中断。我希望菜单与“搜索”文本（垂直对齐基线）完全垂直对齐，就像在第一个示例中一样（没有样式）。

我宁愿不把这两个人分成一个div然后漂浮它，我宁愿不要绝对或相对地定位它们。

样本： http://jsbin.com/futimadivuka/1/edit

Answer 1

您只需要在css中将line-height的{​​{1}}从1更改为nav，即与搜索框相同。

CSS：

80px

这里是DEMO。