Html 如何在同一行中获取所有文本和搜索栏？

---我尝试了所有关于修复代码的建议，但要么是搜索栏出现在“更多”选项卡之前，要么就是没有更改最终输出。还有其他想法吗

好的，我正在尝试重新创建BBC网站。在我尝试添加搜索栏的过程中，它似乎将我的顶部栏包裹在了自己的下面，我不知道如何解决这个问题。我将发布代码（大约120行，不多）和参考网站的链接，希望有人知道如何处理这个问题

----我试图在顶部栏上做的所有事情都会将您带到网站的其他部分（即顶部标签“新闻、体育、天气……等等”），但正如我所说的，代码会使我的搜索栏结束

#顶栏{
宽度：800px；
保证金：0自动；
高度：40px；
}
身体{
保证金：0自动；
填充：0；
字体系列：Helvetica、Arial、无衬线字体；
}
#标志{
边缘顶部：8px；
浮动：左；
右边距：8px；
}
.顶杆部分{
浮动：左；
左边框：1px#中交实心；
身高：100%；
}
#登录文本{
字体大小：粗体；
字体大小：90%；
位置：相对位置；
顶部：11px；
右边填充：65px；
}
#登录图像{
宽度：25px；
利润率：9px 15px；
浮动：左；
}
.顶栏菜单{
字体大小：粗体；
字号：80%；
填充：10px 14px 0px 14px；
高度：27px；
}
#更多箭头{
宽度：6px；
左边距：65px；
}
#搜索框{
背景色：#e4；
边界：无；
字体大小：粗体；
字体大小：14px；
填充物：5px；
保证金：7px 0px 7px；
浮动：左；
}
#搜索图标{
高度：26px；
边缘顶部：7px；
背景色：#e4；
}

登录
新闻
运动
天气
商店
土
旅行
更多

将工具栏增加到1000px，并在搜索区域右键应用浮动

这是更新后的代码

#顶栏{
宽度：1000px；
保证金：0自动；
高度：40px；
}
身体{
保证金：0自动；
填充：0；
字体系列：Helvetica、Arial、无衬线字体；
}
#标志{
边缘顶部：8px；
浮动：左；
右边距：8px；
}
.顶杆部分{
浮动：左；
左边框：1px#中交实心；
身高：100%；
}
#登录文本{
字体大小：粗体；
字体大小：90%；
位置：相对位置；
顶部：11px；
右边填充：65px；
}
#登录图像{
宽度：25px；
利润率：9px 15px；
浮动：左；
}
.顶栏菜单{
字体大小：粗体；
字号：80%；
填充：10px 14px 0px 14px；
高度：27px；
}
#更多箭头{
宽度：6px；
左边距：65px；
}
#搜索区{
浮动：对；
}
#搜索框{
背景色：#e4；
边界：无；
字体大小：粗体；
字体大小：14px；
填充物：5px；
//保证金：7px 0px 7px；
浮动：左；
}
#搜索图标{
高度：26px；
//边缘顶部：7px；
背景色：#e4；
}

登录
新闻
运动
天气
商店
土
旅行
更多

增加此值：

宽度：800px；

？看起来

顶栏中的元素不适合800px为什么
标记位于
标记最简单的实现方法是为顶部菜单创建一个UL，对其进行样式设置，使其显示为内联（或使用列表内联）只需将搜索框放在最后一个li内，并将其向右浮动，为什么我觉得您创建了另一个id，用于询问您在网站上已经问过的相同问题？？为什么发送垃圾邮件？