Html 使用菜单栏将输入搜索居中

我有一个带有Home//Novedades//Categorias//Profile的菜单栏，其中有一个指定的设计，我想在其中放置一个输入类型搜索

我这样做：

Html:

因此，当我输入时，它没有设计，配置文件会沿着菜单栏向下移动

---

如何将输入搜索置于同一设计的中间，并按顺序排列？

去掉CSS

这部分的最大宽度。

ul#navmenu, ul.sub1, ul.sub2 {
   list-style-type: none;
   /*max-width: 660px;*/
   margin: 0 auto;
}

---

下面是一个例子

我已经尝试过了，而且效果很好

.busca {
    font-family: apple;
    font-size: 16pt;
    text-decoration: none;
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 10px;
    text-align: center;
}

它将一个Id与输入相关联，然后我可以将相同的设计与其他设计放在一起

---

谢谢大家

您希望将搜索栏放在Novedades和Profile之间？Novedades和Categorias之间

ul#navmenu, ul.sub1, ul.sub2 {
   list-style-type: none;
   /*max-width: 660px;*/
   margin: 0 auto;
}

.busca {
    font-family: apple;
    font-size: 16pt;
    text-decoration: none;
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 10px;
    text-align: center;
}