Css 导航栏和搜索栏在同一行中

所以我有一个项目，在那里我得到了一个网站的截图，并且必须在纯粹使用HTML和CSS代码的情况下复制它。但我让自己陷入了一个小困境，我的导航栏有多余的空间，我不想要，因为我想要一个搜索栏去多余的空间所在的地方

html{
背景颜色：浅灰色；
字体大小：100%；
}
身体{
利润率：5%；
边际上限：0；
字体系列：乔治亚州，“泰晤士报新罗马”，泰晤士报，衬线，Arial，Helvetica，无衬线；
}
/*导航栏*/
导航ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#e9eed0
}
#电流a{
背景色：#b8d03b；
颜色：白色；
}
李国荣先生{
浮动：左；
右边框：1px实心#bbb
}
李娜先生{
显示：块；
颜色：#8c8f7d；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*搜索栏*/
.搜索{
浮动：对；
}
/*标题*/
.标题{
背景色：#f6f6f6；
边框：1px实心#b8d03b；
边框底部：.5px实心#b8d03b；
}
/*主文本区*/
梅因先生{
显示：块；
背景色：#ffffff；
颜色：灰色；
边框：1px实心#b8d03b；
浮动：左；
}
.内容{
宽度：50%；
浮动：左；
填充：5px15px；
}
.中{
宽度：30%；
浮动：左；
填充：5px15px；
保证金：0px 5px 5px 5px；
}
.侧边栏{
宽度：10%；
填充：5px15px；
浮动：左；
}
/*历法*/
.十月{
文本对齐：居中；
}
.平日{
保证金：0；
填充：10px0；
背景色：#中交；
文本对齐：居中；
}
.工作日李{
显示：内联块；
颜色：#ffffff；
宽度：10%；
文本对齐：居中；
}
.天{
文本对齐：居中；
填充：10px0；
背景：#eee；
保证金：0；
}
李天{
列表样式类型：无；
显示：内联块；
宽度：10%；
文本对齐：居中；
边缘底部：5px；
字体大小：12px；
颜色：#777；
}
.李天.活动{
颜色：#3c8cd7！重要
}

最终项目







搜索：
吉列尔莫·莫利纳新闻快讯

>>家






标题3级
这之后是一个blockquote：

Donec leo，vivamus nibh在augue praesent和urna congue rutrum的lacus。这是我的名言，我是康瓦利矢状位，
芸香、康格和尼布。


标签：

最近的职位
自由女神
奥基河上游，埃吉特河上游，坦普尔河上游，东部。库拉比图尔·阿梅特·努拉。南在马萨。塞德·维尔泰勒斯。库拉比图尔，
康塞卡特、塞西比特、马蒂斯·普莱斯特拉特、努拉。塞德·ac·利奥。佩伦特斯式饮食

森佩尔前庭
多内克·利奥，奥古斯·普雷森特的发酵之旅，乌尔纳·康格·鲁特鲁姆的拉库斯。甘草，
康格和尼布

档案室
(23)
(31)
(31)
(30)
历法
2017年10月


M
T
W
T
F




一,
二,
三,
四,
五,
六,
七,
八,
九,
十,
十一,
十二,
十三,
十四,
十五
十六,
十七,
十八
十九,
二十
二十一,
二十二
二十三
二十四
二十五
二十六
二十七
二十八
二十九
三十
三十一

html{
背景颜色：浅灰色；
字体大小：100%；
}
身体{
利润率：5%；
边际上限：0；
字体系列：乔治亚州，“泰晤士报新罗马”，泰晤士报，衬线，Arial，Helvetica，无衬线；
}
/*导航栏*/
导航ul{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#e9eed0
}
#电流a{
背景色：#b8d03b；
颜色：白色；
}
李国荣先生{
浮动：左；
右边框：1px实心#bbb
}
李娜先生{
显示：块；
颜色：#8c8f7d；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
}
/*搜索栏*/
.搜索{
浮动：对；
}
/*标题*/
.标题{
背景色：#f6f6f6；
边框：1px实心#b8d03b；
边框底部：.5px实心#b8d03b；
}
/*主文本区*/
梅因先生{
显示：块；
背景色：#ffffff；
颜色：灰色；
边框：1px实心#b8d03b；
浮动：左；
}
.内容{
宽度：50%；
浮动：左；
填充：5px15px；
}
.中{
宽度：30%；
浮动：左；
填充：5px15px；
保证金：0px 5px 5px 5px；
}
.侧边栏{
宽度：10%；
填充：5px15px；
浮动：左；
}
/*历法*/
.十月{
文本对齐：居中；
}
.平日{
保证金：0；
填充：10px0；
背景色：#中交；
文本对齐：居中；
}
.工作日李{
显示：内联块；
颜色：#ffffff；
宽度：10%；
文本对齐：居中；
}
.天{
文本对齐：居中；
填充：10px0；
背景：#eee；
保证金：0；
}
李天{
列表样式类型：无；
显示：内联块；
宽度：10%；
文本对齐：居中；
边缘底部：5px；
字体大小：12px；
颜色：#777；
}
.李天.活动{
颜色：#3c8cd7！重要
}
/**增加***/
导航{
宽度：100%；
}
navbar先生{
浮动：左
}
.搜索{
浮动：对；
}
.clearfix{
明确：两者皆有；
}

最终项目
导航{
宽度：100%；
}
navbar先生{
浮动：左
}
.搜索{
浮动：对；
}
.clearfix{
明确：两者皆有；
}







搜索：
吉列尔莫·莫林新闻快讯
header {
    display: inline-block;
}

div.search {
    line-height: 45px;
}