Jquery CSS菜单半左半右浮动

我想要一种方法，让我的菜单左右浮动。这样，在导航栏中间的标志就像漂浮的中心一样，然后菜单项的一半在菜单左边，而另一半在右边。

这是我目前代码的工作目录：

基本上，如果不清楚，我想在这里设置导航栏：

像这样：

HTML

---

帮我指出正确的方向会很好。提前谢谢

制作两个ul元件和两个li元件

<ul>
<li>Home</li>
<li>About></li>
</ul>

<ul>
<li>Contact</li>
<li>Dropdown</li>
</ul>

家
大约>


接触
下拉列表

---

将第一个图标放在徽标的左侧（前面），第二个图标放在右侧（后面>）。Float:left是必需的。

我在firebug中摆弄了一下菜单，将图像从原始位置移除，并将其作为一个新元素放在菜单中li:

<div class="nav-collapse collapse">
  <ul class="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><img width="303" height="228" src="lib/img/logos/Brandit_Logo.png" alt="Logos" class="MainLogo"></li>
      <li><a href="#contact">Contact</a></li>
      <li class="dropdown">
         ...

这将使您在正确的轨道上完成所需的样式设置

---

此外，您可以从

导航中删除
浮动：左；
，因为
位置：相对；
不需要它。您可以在这里发布您的代码吗。当您更改站点时，指向站点的链接不会帮助任何人了解未来。我建议您创建两个顶部菜单，一个用于左，另一个用于右。将您的徽标添加到菜单中，然后重新设置我想把它放在
顶部：-30px
或其他什么地方…谢谢你的代码…你能只添加相关信息并删除所有不适用于该问题的错误数据吗。请看图片被绝对定位。这个答案不会有帮助。我感谢你的帮助，这让我朝着正确的方向前进。太好了。我看到了你对
.nav
做了%的评分……这对于响应性设计来说绝对是更好的。很高兴能提供帮助。是的，谢谢！我将不得不做一些调整，使其适合移动设备，但它现在在桌面上运行良好。
<ul>
<li>Home</li>
<li>About></li>
</ul>

<ul>
<li>Contact</li>
<li>Dropdown</li>
</ul>

<div class="nav-collapse collapse">
  <ul class="nav">
      <li><a href="#">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><img width="303" height="228" src="lib/img/logos/Brandit_Logo.png" alt="Logos" class="MainLogo"></li>
      <li><a href="#contact">Contact</a></li>
      <li class="dropdown">
         ...

.navbar .nav > li {
  display: inline-block;