徽标中心响应导航菜单

Question

我已经找到了解决这个问题的老式解决方案但是我有一个响应主题我正在调整个人博客，并想知道是否有可能有一个带有居中图像的导航菜单和菜单项向左右浮动，无需使用两个单独的导航菜单。

这就是我现在所拥有的，所有礼品都在一个菜单中。我仍然试图弄清楚如何将UL集中在这个响应式设计中，并相应地进行扩展。我已经看到了如何使用2个导航菜单进行操作的示例，但是想知道这是否可以通过一个菜单上的响应式设计实现，因为我无法找到一个好的示例或教程。

我在这里有一个临时版本的网站View It Here

Answer 1

如果你只是将居中的图像放在ul的中间怎么办？给它自己的li类，并相应地设计它。

有点像http://jsfiddle.net/qWYGR/

CSS不会出现在我的jsfiddle中。添加这个

​ul {
 display:inline;
 list-style-type:none;        
}
li{
 float:left;   
}
li a {
 float:left;
padding:5px;    
    height:35px;
    width:50px;
    background:red;
}
.logo img {
 height:100%;
}