css top nav - 左侧导航(菜单)，中间标题，右侧(更多按钮) - howto？

Question

我想要一个看起来像这样的顶部导航:div = [] , 空格 = .

[[菜单图标][ Logo ].....[页面标题].....[某些图标][某些图标]]

因此菜单和 Logo 区域保持在左侧。
中间的页面标题。
2 个更多的图标贴在右边。

我尝试了几种方法，但都不适合我。
我最好的解决方案是一切就绪，但是链接/图标不可点击，文本“覆盖”了它们。

感谢任何帮助。

这是我对它的理解: http://plnkr.co/edit/CBnH6Ewa4QJTu5FBC2Mi

======编辑=====多亏了@Mark Simpson，我修复了 css 中的错字，并通过在中心部分使用 z-index:-1 使标题栏居中并可点击链接。
但我希望标题也可以点击。
我在某些页面上使用了它。
关于如何使用 css 解决这个问题有什么建议吗？

Answer 1

.navbar .center {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.navbar .right {
    position: absolute;
    right: 0;
    top: 0;
}

参见:http://plnkr.co/edit/1XLrK4Iuq6CPSYmGPDYn?p=preview